{"title":"Featured Products \u0026 Collections","description":"\u003cp\u003eFeatured Products \u0026amp; Collections work for Shopify and Shopify Plus stores, handled as a flat-rate task by an in-house team that has worked on this since 2016.\u003c\/p\u003e\u003cp\u003eWe have completed 227 featured products \u0026amp; collections requests for merchants, including work on Retina, Pacific, Canopy and Mobilia. Typical turnaround is 2 to 4 business days. Below are 4 real examples with the request, the approach and what shipped.\u003c\/p\u003e","products":[{"product_id":"featured-product-section-on-homepage-retina","title":"Featured Product Section on Homepage","description":"\u003cp class=\"task-lead\"\u003eA retailer migrating to a new theme needed the featured products section to link to individual products instead of collections.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eWe just purchased a new theme. We need the featured products section on the homepage to link to specific products, not collections. Each tile should go straight to a product page.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eThe theme's featured section only accepted collections. The brand wanted to spotlight individual products.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe adapted the homepage featured section to accept individual products, with each tile linking straight to the product page. The brand picks the products from the theme editor.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eFeatured section accepts individual products\u003c\/li\u003e\n\u003cli\u003eEach tile links to a product page\u003c\/li\u003e\n\u003cli\u003eProducts chosen in the theme editor\u003c\/li\u003e\n\u003cli\u003eLayout matches the theme's existing style\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44154834026570,"sku":"TASK-0034","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"featured-collection-carousel-on-homepage-pacific","title":"Featured Collection Carousel on Homepage","description":"\u003cp class=\"task-lead\"\u003eAn apparel brand wanted the featured collection tiles on the homepage to show color swatches and swap the image on hover.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eOn the featured collection sections, I want customers to see the available colors and hover to preview each one. Also, on hover the image should change to a second shot.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eHomepage tiles were static. The brand wanted them to preview the product's range.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe added color swatches to the featured collection tiles that swap the product image when hovered, plus a second-image hover for the default view. On touch devices, tapping a swatch does the same.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eColor swatches on featured collection tiles\u003c\/li\u003e\n\u003cli\u003eImage swaps on swatch hover\u003c\/li\u003e\n\u003cli\u003eSecond-image hover on the default view\u003c\/li\u003e\n\u003cli\u003eTap behavior on touch devices\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44154838614090,"sku":"TASK-0056","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"replace-default-featured-section-with-custom-canopy","title":"Replace Default Featured Section with Custom","description":"\u003cp class=\"task-lead\"\u003eA store owner who built their own site needed the code-side pieces done, starting with a custom featured section.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eI'm savvy enough to build my own store but some code-side things are beyond me. I need a custom featured section on the homepage that doesn't look like the default.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eA capable owner hitting the code boundary.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe built a custom featured products section with the owner's layout and styling, editable from the theme editor, and handled the other code-side items on their list.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eCustom featured section on the homepage\u003c\/li\u003e\n\u003cli\u003eEditable in the theme editor\u003c\/li\u003e\n\u003cli\u003eRemaining code-side items completed\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155698708554,"sku":"TASK-0363","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"tabbed-featured-products-mobilia","title":"Tabbed Featured Products","description":"\u003cp class=\"task-lead\"\u003eA brand wanted the featured collection under their slider turned into a tabbed section switching between collections.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eMy featured collection below the slider is one line of pictures. I want tabs so customers can switch between New, Best Sellers, and Sale without scrolling.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eOne collection when three would fit.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe built a tabbed featured section with tabs for each collection the brand chooses, switching without reloading, and managed from the theme editor.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eTabbed featured collections section\u003c\/li\u003e\n\u003cli\u003eSwitches without reload\u003c\/li\u003e\n\u003cli\u003eCollections chosen in the theme editor\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155706310730,"sku":"TASK-0409","price":0.0,"currency_code":"USD","in_stock":false}]}],"url":"https:\/\/www.taskhusky.com\/collections\/featured-products-collections.oembed","provider":"TaskHusky","version":"1.0","type":"link"}