{"id":92,"date":"2014-04-25T17:20:51","date_gmt":"2014-04-25T17:20:51","guid":{"rendered":"http:\/\/kathleenstinson.com\/work\/?p=92"},"modified":"2022-09-08T00:22:40","modified_gmt":"2022-09-08T00:22:40","slug":"quick-shop-design","status":"publish","type":"post","link":"https:\/\/kathleenstinson.com\/work\/ux-web-design\/quick-shop-design\/","title":{"rendered":"Quick Shop Design"},"content":{"rendered":"\n<p><span style=\"font-weight: 400;\">The quick shop feature was designed to give customers easy access to product information and to allow them to either add a product to their cart, view the product details, or close out the overlay to continue shopping.<\/span><\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-9d6595d7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image .ksd-image-border\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"892\" height=\"1024\" src=\"https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2016\/07\/2014-04-25-GH_QuickView-GridView-892x1024.jpg\" alt=\"Quick Shop Placement Grid View\" class=\"wp-image-94\" srcset=\"https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2016\/07\/2014-04-25-GH_QuickView-GridView-892x1024.jpg 892w, https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2016\/07\/2014-04-25-GH_QuickView-GridView-261x300.jpg 261w, https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2016\/07\/2014-04-25-GH_QuickView-GridView-768x882.jpg 768w, https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2016\/07\/2014-04-25-GH_QuickView-GridView-973x1117.jpg 973w, https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2016\/07\/2014-04-25-GH_QuickView-GridView-508x583.jpg 508w\" sizes=\"auto, (max-width: 892px) 100vw, 892px\" \/><figcaption>Quick Shop Placement \u2014 Grid View<\/figcaption><\/figure>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><div class=\"wp-block-image .ksd-image-border\">\n<figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"892\" height=\"1024\" src=\"https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2016\/07\/2014-04-25-GH_QuickView-ListView-892x1024.jpg\" alt=\"Quick Shop Placement List View\" class=\"wp-image-95\" srcset=\"https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2016\/07\/2014-04-25-GH_QuickView-ListView-892x1024.jpg 892w, https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2016\/07\/2014-04-25-GH_QuickView-ListView-261x300.jpg 261w, https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2016\/07\/2014-04-25-GH_QuickView-ListView-768x882.jpg 768w, https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2016\/07\/2014-04-25-GH_QuickView-ListView-973x1117.jpg 973w, https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2016\/07\/2014-04-25-GH_QuickView-ListView-508x583.jpg 508w\" sizes=\"auto, (max-width: 892px) 100vw, 892px\" \/><figcaption>Quick Shop Placement \u2014 List View<\/figcaption><\/figure>\n<\/div><\/div>\n<\/div>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"448\" src=\"https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2016\/07\/2014-04-25-GH_QuickView-ListView-Button-1024x448.jpg\" alt=\"Quick Shop Button Placement List View\" class=\"wp-image-96\" srcset=\"https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2016\/07\/2014-04-25-GH_QuickView-ListView-Button-1024x448.jpg 1024w, https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2016\/07\/2014-04-25-GH_QuickView-ListView-Button-300x131.jpg 300w, https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2016\/07\/2014-04-25-GH_QuickView-ListView-Button-768x336.jpg 768w, https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2016\/07\/2014-04-25-GH_QuickView-ListView-Button-973x425.jpg 973w, https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2016\/07\/2014-04-25-GH_QuickView-ListView-Button-508x222.jpg 508w, https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2016\/07\/2014-04-25-GH_QuickView-ListView-Button.jpg 1572w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>Quick Shop Placement \u2014 List View Close-up<\/figcaption><\/figure>\n<\/div>\n\n\n<p>Above images show quick shop&nbsp;button placement in grid and list views on category pages. Image below shows the Quick Shop Overlay window, with simplified&nbsp;product information and link to product details.<\/p>\n\n\n<div class=\"wp-block-image size-large wp-image-101\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"892\" height=\"1024\" src=\"https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2014\/04\/2014-04-25-GH_QuickView-Matrix-892x1024.jpg\" alt=\"Quick Shop \u2014 Overlay\" class=\"wp-image-101\" srcset=\"https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2014\/04\/2014-04-25-GH_QuickView-Matrix-892x1024.jpg 892w, https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2014\/04\/2014-04-25-GH_QuickView-Matrix-261x300.jpg 261w, https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2014\/04\/2014-04-25-GH_QuickView-Matrix-768x882.jpg 768w, https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2014\/04\/2014-04-25-GH_QuickView-Matrix-973x1117.jpg 973w, https:\/\/kathleenstinson.com\/work\/wp-content\/uploads\/2014\/04\/2014-04-25-GH_QuickView-Matrix-508x583.jpg 508w\" sizes=\"auto, (max-width: 892px) 100vw, 892px\" \/><figcaption>Quick Shop Overlay<\/figcaption><\/figure>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>The quick shop feature was designed to give customers easy access to product information and to allow them to either add a product to their cart, view the&#8230;<\/p>\n","protected":false},"author":1,"featured_media":93,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[22,21],"class_list":["post-92","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ux-web-design","tag-ecommerce","tag-product-display"],"_links":{"self":[{"href":"https:\/\/kathleenstinson.com\/work\/wp-json\/wp\/v2\/posts\/92","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/kathleenstinson.com\/work\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/kathleenstinson.com\/work\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/kathleenstinson.com\/work\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/kathleenstinson.com\/work\/wp-json\/wp\/v2\/comments?post=92"}],"version-history":[{"count":10,"href":"https:\/\/kathleenstinson.com\/work\/wp-json\/wp\/v2\/posts\/92\/revisions"}],"predecessor-version":[{"id":567,"href":"https:\/\/kathleenstinson.com\/work\/wp-json\/wp\/v2\/posts\/92\/revisions\/567"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/kathleenstinson.com\/work\/wp-json\/wp\/v2\/media\/93"}],"wp:attachment":[{"href":"https:\/\/kathleenstinson.com\/work\/wp-json\/wp\/v2\/media?parent=92"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/kathleenstinson.com\/work\/wp-json\/wp\/v2\/categories?post=92"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/kathleenstinson.com\/work\/wp-json\/wp\/v2\/tags?post=92"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}