{"id":2128,"date":"2020-03-10T10:07:27","date_gmt":"2020-03-10T14:07:27","guid":{"rendered":"https:\/\/www.thatsoftwareguy.com\/blog\/?p=2128"},"modified":"2020-03-10T10:07:28","modified_gmt":"2020-03-10T14:07:28","slug":"responsive-fallback-for-zen-cart","status":"publish","type":"post","link":"https:\/\/www.thatsoftwareguy.com\/blog\/2020\/03\/10\/responsive-fallback-for-zen-cart\/","title":{"rendered":"Responsive Fallback for Zen Cart"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">A lot of long-time users of Zen Cart have a template that was developed before mobile devices became so popular.  These store owners have a difficult decision: give up the template they have grown to love, and start again with something responsive?  Or just not worry about mobile traffic?<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Now there&#8217;s a third choice.  With my <a href=\"https:\/\/www.thatsoftwareguy.com\/zencart_responsive_fallback.html\">Zen  Cart Responsive Fallback<\/a> mod, you can keep your desktop template, but if a user visits on a mobile device, the template automatically switches to the built-in responsive_classic template, which was introduced in Zen Cart 1.5.5.  It&#8217;s the best of both worlds! <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Here&#8217;s a page rendered in a non-responsive desktop template: <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"769\" src=\"https:\/\/www.thatsoftwareguy.com\/blog\/wp-content\/uploads\/2019\/06\/rf_desktop-1024x769.png\" alt=\"Zen Cart Responsive Fallback - Desktop \" class=\"wp-image-2129\" srcset=\"https:\/\/www.thatsoftwareguy.com\/blog\/wp-content\/uploads\/2019\/06\/rf_desktop-1024x769.png 1024w, https:\/\/www.thatsoftwareguy.com\/blog\/wp-content\/uploads\/2019\/06\/rf_desktop-300x225.png 300w, https:\/\/www.thatsoftwareguy.com\/blog\/wp-content\/uploads\/2019\/06\/rf_desktop-768x577.png 768w, https:\/\/www.thatsoftwareguy.com\/blog\/wp-content\/uploads\/2019\/06\/rf_desktop.png 2048w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">and here&#8217;s the same page when viewed on a mobile device: <\/p>\n\n\n\n<figure class=\"wp-block-image\"><img loading=\"lazy\" decoding=\"async\" width=\"142\" height=\"300\" src=\"https:\/\/www.thatsoftwareguy.com\/blog\/wp-content\/uploads\/2019\/06\/rf_mobile-142x300.png\" alt=\"Zen Cart Responsive Fallback - Mobile \" class=\"wp-image-2130\" srcset=\"https:\/\/www.thatsoftwareguy.com\/blog\/wp-content\/uploads\/2019\/06\/rf_mobile-142x300.png 142w, https:\/\/www.thatsoftwareguy.com\/blog\/wp-content\/uploads\/2019\/06\/rf_mobile-483x1024.png 483w, https:\/\/www.thatsoftwareguy.com\/blog\/wp-content\/uploads\/2019\/06\/rf_mobile.png 660w\" sizes=\"auto, (max-width: 142px) 100vw, 142px\" \/><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>A lot of long-time users of Zen Cart have a template that was developed before mobile devices became so popular. These store owners have a difficult decision: give up the template they have grown to love, and start again with something responsive? Or just not worry about mobile traffic? Now there&#8217;s a third choice. With &hellip; <a href=\"https:\/\/www.thatsoftwareguy.com\/blog\/2020\/03\/10\/responsive-fallback-for-zen-cart\/\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Responsive Fallback for Zen Cart<\/span><\/a><\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[58,78],"tags":[],"class_list":["post-2128","post","type-post","status-publish","format-standard","hentry","category-that-software-guy","category-zen-cart"],"_links":{"self":[{"href":"https:\/\/www.thatsoftwareguy.com\/blog\/wp-json\/wp\/v2\/posts\/2128","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.thatsoftwareguy.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.thatsoftwareguy.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.thatsoftwareguy.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.thatsoftwareguy.com\/blog\/wp-json\/wp\/v2\/comments?post=2128"}],"version-history":[{"count":4,"href":"https:\/\/www.thatsoftwareguy.com\/blog\/wp-json\/wp\/v2\/posts\/2128\/revisions"}],"predecessor-version":[{"id":2134,"href":"https:\/\/www.thatsoftwareguy.com\/blog\/wp-json\/wp\/v2\/posts\/2128\/revisions\/2134"}],"wp:attachment":[{"href":"https:\/\/www.thatsoftwareguy.com\/blog\/wp-json\/wp\/v2\/media?parent=2128"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.thatsoftwareguy.com\/blog\/wp-json\/wp\/v2\/categories?post=2128"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.thatsoftwareguy.com\/blog\/wp-json\/wp\/v2\/tags?post=2128"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}