{"id":2137,"date":"2012-02-18T16:17:58","date_gmt":"2012-02-18T16:17:58","guid":{"rendered":"http:\/\/www.simonbattersby.com\/blog\/?p=2137"},"modified":"2012-02-18T16:19:12","modified_gmt":"2012-02-18T16:19:12","slug":"creating-a-mobile-version-of-an-opencart-shop-2","status":"publish","type":"post","link":"https:\/\/www.simonbattersby.com\/blog\/2012\/02\/creating-a-mobile-version-of-an-opencart-shop-2\/","title":{"rendered":"Creating a mobile version of an Opencart shop \u2013 2"},"content":{"rendered":"<p>Been fiddling about with the layout again today and having checked the site on another emulator I&#8217;ve decided I need to rework the category page to make the image smaller, otherwise I&#8217;m struggling with room again. It would be quite nice to have a product image that isn&#8217;t square, but it seems Opencart doesn&#8217;t like images that break the original aspect ratio. Fair enough. Although the revised image fits better it doesn&#8217;t look as nice I think. I can feel the temptation to use tables to layout the category grid &#8211; am trying to resist this.<\/p>\r\n<p>Anyway, here&#8217;s the latest iteration, tried the <a href=\"http:\/\/www.opera.com\/developer\/tools\/mobile\/\">Opera Mobile Emulator<\/a> today:<\/p>\r\n\r\n<img loading=\"lazy\" decoding=\"async\" src=\"\/images\/blog\/aw_mobile_3.jpg\" height=\"400\" width=\"259\" alt=\"Reworked category page\" \/>\r\n\r\n<p>I&#8217;ve been examining the <a href=\"http:\/\/m.costco.com\">CostCo mobile site<\/a> as that was well-rated on a site I was reading, but I spotted this afternoon that if you go down the navigation until you actually get to a product detail page, then it links to the main site, so you can&#8217;t actually buy anything direct from the mobile site. Seems odd.<\/p>\r\n<p>To do list: I think the main menu (see previous post) could actually manage with links that are less deep, and I&#8217;m also thinking about reducing the header size to fit the &#8220;My Account&#8221; and &#8220;Basket links&#8221; alongside it, also think the input fields on that category page are too large.<\/p>","protected":false},"excerpt":{"rendered":"<p>Been fiddling about with the layout again today and having checked the site on another emulator I&#8217;ve decided I need to rework the category page to make the image smaller, otherwise I&#8217;m struggling with room again. It would be quite nice to have a product image that isn&#8217;t square, but it seems Opencart doesn&#8217;t like [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[29,28],"class_list":["post-2137","post","type-post","status-publish","format-standard","hentry","category-web-design-and-build","tag-mobile","tag-opencart"],"_links":{"self":[{"href":"https:\/\/www.simonbattersby.com\/blog\/wp-json\/wp\/v2\/posts\/2137","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.simonbattersby.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.simonbattersby.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.simonbattersby.com\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.simonbattersby.com\/blog\/wp-json\/wp\/v2\/comments?post=2137"}],"version-history":[{"count":0,"href":"https:\/\/www.simonbattersby.com\/blog\/wp-json\/wp\/v2\/posts\/2137\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.simonbattersby.com\/blog\/wp-json\/wp\/v2\/media?parent=2137"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.simonbattersby.com\/blog\/wp-json\/wp\/v2\/categories?post=2137"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.simonbattersby.com\/blog\/wp-json\/wp\/v2\/tags?post=2137"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}