{"title":"Collection Pages","description":"\u003cp\u003eCollection Pages work for Shopify and Shopify Plus stores, grouped into 7 categories.\u003c\/p\u003e\u003cp\u003eWe have completed 845 requests across Collection Page Layout \u0026amp; Grid, Collection Filters \u0026amp; Faceted Search, Product Card \u0026amp; Tile Customization, Pagination \u0026amp; Infinite Scroll, Collection Sorting and 2 more. Browse the categories below to see real examples, or describe your own task and we will quote it within 24 hours.\u003c\/p\u003e","products":[{"product_id":"implement-infinite-scroll-on-collection-mobilia","title":"Implement Infinite Scroll on Collection","description":"\u003cp class=\"task-lead\"\u003eA boutique had infinite scroll on collection pages but the sort order was breaking when more products loaded.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eI have a working implementation of infinite scroll on the collection page, but when it loads more products, the sort order gets messed up. Products from later pages appear out of sequence.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eThe scroll worked but the ordering didn't. Customers sorting by price would see the sequence break after the first batch.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe rebuilt the infinite scroll so it respects the customer's active sort and filter when loading additional products. The URL updates as they scroll, so sharing a link or hitting back returns them to the same spot.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eInfinite scroll respects active sort and filters\u003c\/li\u003e\n\u003cli\u003eURL updates as products load\u003c\/li\u003e\n\u003cli\u003eBack button returns to the same scroll position\u003c\/li\u003e\n\u003cli\u003eWorks across all collections\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44154835271754,"sku":"TASK-0041","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"image-hover-swap-prestige","title":"Image Hover Swap","description":"\u003cp class=\"task-lead\"\u003eAn apparel brand wanted next and previous arrows to appear when hovering over product images in the collection grid.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eI want next and previous arrows to appear on hover over the product image on the collection page. Customers should be able to flip through a product's images without opening it.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eProducts had multiple angles and the brand wanted shoppers to see them from the grid.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe added hover arrows on collection cards that cycle through a product's images. On touch devices, a swipe does the same thing. The first image still shows by default so the grid loads fast.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eHover arrows on collection product cards\u003c\/li\u003e\n\u003cli\u003eSwipe support on touch devices\u003c\/li\u003e\n\u003cli\u003eCycles through all product images\u003c\/li\u003e\n\u003cli\u003eFirst image loads by default for speed\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44154835468362,"sku":"TASK-0042","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"sub-collection-pages-and-category-tree-retina","title":"Sub-Collection Pages and Category Tree","description":"\u003cp class=\"task-lead\"\u003eA promotional products company used collections as mini storefronts for corporate clients and needed sub-collections nested under each.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eOur collections act as independent small online shops for our clients. We need sub-collections under each so a client's page shows their product categories, not one long list.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eEach corporate client had their own collection. Those collections had grown too large to browse without categories.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe set up a sub-collection structure so each client collection page shows its categories as tiles, and each tile opens a filtered view. Clients manage their own sub-collections from the Shopify admin.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eSub-collection tiles on client collection pages\u003c\/li\u003e\n\u003cli\u003eEach tile opens a filtered category view\u003c\/li\u003e\n\u003cli\u003eManaged from the Shopify admin\u003c\/li\u003e\n\u003cli\u003eWorks for all existing client collections\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44154838253642,"sku":"TASK-0054","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"traditional-pagination-impulse","title":"Traditional Pagination","description":"\u003cp class=\"task-lead\"\u003eA stationery brand wanted infinite scroll for shoppers but proper page numbers underneath for search engines, so both got what they needed.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eWe're interested in adding infinite scroll that still creates pagination for search engines. Have you done this before? Please give us an estimate.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eInfinite scroll on its own hides most of a collection from crawlers. The brand wanted the smooth shopping experience without giving up indexing.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe set up the collection pages so visitors get infinite scroll while real paginated URLs stay in place underneath for crawlers and for anyone with scripting off. A back-to-top link appears after the first load so long collections stay navigable.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eInfinite scroll for shoppers\u003c\/li\u003e\n\u003cli\u003ePaginated URLs preserved for search engines\u003c\/li\u003e\n\u003cli\u003eBack-to-top link on long collections\u003c\/li\u003e\n\u003cli\u003eWorks with the theme's existing sort and filter\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155511210058,"sku":"TASK-0061","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"change-products-per-row-prestige","title":"Change Products Per Row","description":"\u003cp class=\"task-lead\"\u003eAn art supply brand wanted collection grids to adapt: fewer columns on collections with few products, more on large ones.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eWe've enlarged the product images site-wide. Now we want the grid logic fine-tuned: pages with six or fewer products show three across, larger collections show four.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eOne grid setting for all collections was leaving small collections looking sparse.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe made the collection grid adapt to the number of products, showing three across for small collections and four for larger ones. The brand can adjust the threshold in the theme editor.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eAdaptive column count based on product count\u003c\/li\u003e\n\u003cli\u003eThreshold adjustable in the theme editor\u003c\/li\u003e\n\u003cli\u003eConsistent image sizing across both layouts\u003c\/li\u003e\n\u003cli\u003eMobile grid unchanged\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155553906762,"sku":"TASK-0111","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"grid-vs-list-view-toggle-parallax","title":"Grid vs List View Toggle","description":"\u003cp class=\"task-lead\"\u003eA fashion brand wanted each color of a product shown as its own tile on collection pages, while keeping it one product underneath.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eWe need to show variants separately on some collections. Each color should appear as its own tile, but it's still one product. When the customer clicks, it opens with that color selected.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eShowing one tile per product hid the range. The brand wanted every color visible in the grid.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe set up collection pages so each color variant appears as a separate tile with its own image, and clicking opens the product with that color preselected. The brand chooses which collections use this per collection.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eOne tile per color variant on selected collections\u003c\/li\u003e\n\u003cli\u003eProduct opens with the clicked color selected\u003c\/li\u003e\n\u003cli\u003eEnabled per collection\u003c\/li\u003e\n\u003cli\u003eStandard grid on other collections\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155557937226,"sku":"TASK-0112","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"filter-by-size-and-color-and-price-prestige","title":"Filter by Size and Color and Price","description":"\u003cp class=\"task-lead\"\u003eA jewelry brand's collection filter surfaced every product tag, most of them useless to shoppers. They wanted it limited to size.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eThe filter on the collection page brings up tags that are useless and messy. Can it just show the size variants so customers can filter by ring size?\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eThe default filter exposed internal tags. Customers only cared about one thing.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe replaced the tag filter with a size filter driven by the products' actual size variants. Shoppers pick a ring size and the collection shows only products available in it.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eSize filter replacing the tag filter\u003c\/li\u003e\n\u003cli\u003eDriven by actual size variants\u003c\/li\u003e\n\u003cli\u003eOut-of-stock sizes excluded\u003c\/li\u003e\n\u003cli\u003eFilter state held in the URL for sharing\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155677540426,"sku":"TASK-0130","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"sidebar-vs-top-bar-filter-layout-turbo","title":"Sidebar vs Top-Bar Filter Layout","description":"\u003cp class=\"task-lead\"\u003eA supplier wanted their collection filters moved to a sidebar with clearer labels, and product data links surfaced on the storefront.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eWe're seeking help to enhance the product data links on the storefront and move the filters to a sidebar. The top-bar filter is hard to use with as many options as we have.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eMany filter options crammed into a horizontal bar. A sidebar had room.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe moved the filters into a left sidebar with grouped, labeled facets, and added the supplier's product data links to the product cards. On mobile the sidebar becomes a slide-out panel.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eFilters moved to a left sidebar\u003c\/li\u003e\n\u003cli\u003eGrouped and labeled facets\u003c\/li\u003e\n\u003cli\u003eProduct data links on cards\u003c\/li\u003e\n\u003cli\u003eSlide-out filter panel on mobile\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155679014986,"sku":"TASK-0144","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"boost-and-searchanise-and-algolia-filter-app-icon","title":"Boost and Searchanise and Algolia Filter App","description":"\u003cp class=\"task-lead\"\u003eA brand wanted a strategy session on filtering and search apps, then the chosen app installed and integrated.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eI'd like a strategy session on filtering and search options. Then install and integrate whichever one we decide on. I want it to look like part of the theme, not an add-on.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eDecision support first, then execution.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eAfter a session comparing filter and search apps for the brand's catalog, we installed the chosen app and integrated it so filters and results render with the theme's product cards and styling.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eStrategy session on filter and search options\u003c\/li\u003e\n\u003cli\u003eChosen app installed\u003c\/li\u003e\n\u003cli\u003eFilters and results styled to match the theme\u003c\/li\u003e\n\u003cli\u003eMobile filter panel\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155686092874,"sku":"TASK-0206","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"tag-based-collection-filter-turbo","title":"Tag-Based Collection Filter","description":"\u003cp class=\"task-lead\"\u003eA retailer wanted their collection tag filter moved from the sidebar to a top bar and grouped by type.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eWe're using the tag filter on the sidebar. We want it moved to a top bar across the collection page and grouped by type so roast level and origin are separate.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eA sidebar filter that didn't fit the retailer's layout.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe moved the filter to a horizontal bar above the products with tags grouped by type, and kept multi-select so customers can combine filters.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eFilter moved to a top bar\u003c\/li\u003e\n\u003cli\u003eTags grouped by type\u003c\/li\u003e\n\u003cli\u003eMulti-select preserved\u003c\/li\u003e\n\u003cli\u003eCollapsible on mobile\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155687141450,"sku":"TASK-0221","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"collection-description-and-text-block-pacific","title":"Collection Description and Text Block","description":"\u003cp class=\"task-lead\"\u003eA brand wanted a text block on collection pages for descriptions and SEO content, positioned below the products.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eAdd a text area at the bottom of collection pages for a longer description. We want it for SEO but it shouldn't push the products down.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eSEO content that needed a home without hurting the shopping experience.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe added a collection description block beneath the product grid, filled from the collection admin, with a read-more toggle so long content stays tidy.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eDescription block below the collection grid\u003c\/li\u003e\n\u003cli\u003eFilled from the collection admin\u003c\/li\u003e\n\u003cli\u003eRead-more toggle for long content\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155693498442,"sku":"TASK-0264","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"add-quick-view-and-quick-add-to-product-card-canopy","title":"Add Quick View and Quick Add to Product Card","description":"\u003cp class=\"task-lead\"\u003eA menswear brand wanted a quick view button on product cards, appearing on hover, matching a reference site.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eAnother gig for a quote: quick view on the product cards, appearing on hover with the product info, like the reference we sent.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eFaster browsing on a growing catalog.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe added a quick view button that appears when hovering a product card and opens a compact product panel with images, variants, and add to cart. On mobile the button is always visible.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eQuick view button on hover\u003c\/li\u003e\n\u003cli\u003eCompact product panel with variants\u003c\/li\u003e\n\u003cli\u003eAdd to cart from the panel\u003c\/li\u003e\n\u003cli\u003eAlways visible on mobile\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155693727818,"sku":"TASK-0267","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"load-more-button-brooklyn","title":"Load More Button","description":"\u003cp class=\"task-lead\"\u003eA brand wanted pagination replaced with a load more button on collections and search results.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eRemove pagination from collection pages and search results and switch to a load more button. Load thirty products, then more on click.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003ePagination that interrupted browsing.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe replaced pagination with a load more button on collections and search results, loading products in batches while keeping the URL updated so back navigation works.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eLoad more button on collections\u003c\/li\u003e\n\u003cli\u003eLoad more on search results\u003c\/li\u003e\n\u003cli\u003eBatch size set in the theme editor\u003c\/li\u003e\n\u003cli\u003eBack navigation preserved\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155693858890,"sku":"TASK-0271","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"hide-out-of-stock-products-in-filter-prestige","title":"Hide Out-of-Stock Products in Filter","description":"\u003cp class=\"task-lead\"\u003eA brand's size filter showed every size a product came in, not just sizes in stock.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eThe theme has filters by size but they show the sizes a product is offered in. I want it to filter by what's actually in stock. Customers pick a size and see nothing available.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eA filter that promised what it couldn't deliver.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe changed the size filter to consider inventory, so only products with the selected size in stock appear, and sizes with nothing available are hidden from the filter.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eSize filter respects inventory\u003c\/li\u003e\n\u003cli\u003eOut-of-stock sizes hidden from the filter\u003c\/li\u003e\n\u003cli\u003eApplies across collections\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155698020426,"sku":"TASK-0347","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"pagination-on-blog-and-search-brooklyn","title":"Pagination on Blog and Search","description":"\u003cp class=\"task-lead\"\u003eA brand wanted infinite scroll on the blog and search results, matching their collections.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eWe already have infinite scroll on collections. Add it to the blog and search results so the experience is consistent.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eConsistency across the store's list pages.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe extended infinite scroll to blog listings and search results with the same behavior as collections, including URL updates so back navigation works.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eInfinite scroll on the blog\u003c\/li\u003e\n\u003cli\u003eInfinite scroll on search results\u003c\/li\u003e\n\u003cli\u003eConsistent with collections\u003c\/li\u003e\n\u003cli\u003eBack navigation preserved\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155698151498,"sku":"TASK-0351","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"infinite-scroll-and-load-more-symmetry","title":"Infinite Scroll and Load More","description":"\u003cp class=\"task-lead\"\u003eA marketplace wanted a large product grid homepage with infinite scroll, modeled on major discount platforms.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eSet up the homepage to function like a big discount marketplace: header, then a large product grid that keeps loading as you scroll.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eA high-density browse-first homepage.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe built a homepage product grid with dense cards and infinite scroll, with the collection feeding it chosen from the theme editor.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eDense product grid on the homepage\u003c\/li\u003e\n\u003cli\u003eInfinite scroll\u003c\/li\u003e\n\u003cli\u003eSource collection set in the theme editor\u003c\/li\u003e\n\u003cli\u003eMobile grid tuned\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155698741322,"sku":"TASK-0364","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"add-banner-and-image-at-top-of-collection-impulse","title":"Add Banner and Image at Top of Collection","description":"\u003cp class=\"task-lead\"\u003eA retailer wanted breadcrumbs on collection pages and a banner image at the top of each collection.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eAdd breadcrumb navigation to collection pages, and a banner at the top of each collection that we can set per collection.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eWayfinding and visual identity for collections.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe added breadcrumbs above the collection title and a per-collection banner image pulled from the collection admin, with a fallback when none is set.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eBreadcrumbs on collection pages\u003c\/li\u003e\n\u003cli\u003ePer-collection banner image\u003c\/li\u003e\n\u003cli\u003eFallback when no banner is set\u003c\/li\u003e\n\u003cli\u003eMobile layout adjusted\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155698774090,"sku":"TASK-0365","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"display-variant-swatches-on-card-turbo","title":"Display Variant Swatches on Card","description":"\u003cp class=\"task-lead\"\u003eA brand wanted material swatches on collection cards that filtered the product image when clicked.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eWhen you click a material under a product card on the collection page, the card image should switch to that material's photo. Working on a draft theme.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eMaterial choices customers wanted to see before clicking.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe added material swatches to collection cards that swap the card image on click and open the product with that material selected.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eMaterial swatches on collection cards\u003c\/li\u003e\n\u003cli\u003eCard image swaps on click\u003c\/li\u003e\n\u003cli\u003eProduct opens with that material selected\u003c\/li\u003e\n\u003cli\u003eBuilt on the draft theme\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155699658826,"sku":"TASK-0370","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"full-width-collection-page-parallax","title":"Full-Width Collection Page","description":"\u003cp class=\"task-lead\"\u003eA brand wanted collection pages to use the full browser width instead of the theme's contained layout.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eThe collection page is contained in the middle with wasted space on the sides. Make it full width so more products fit and the images are larger.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eScreen space going unused.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe made collection pages full width with the grid expanding to fill the viewport, keeping consistent gutters and adapting the column count for wider screens.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eFull-width collection pages\u003c\/li\u003e\n\u003cli\u003eGrid fills the viewport\u003c\/li\u003e\n\u003cli\u003eColumn count adapts to screen width\u003c\/li\u003e\n\u003cli\u003eConsistent gutters\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155700445258,"sku":"TASK-0384","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"card-aspect-ratio-and-image-cropping-symmetry","title":"Card Aspect Ratio and Image Cropping","description":"\u003cp class=\"task-lead\"\u003eA brand updating their theme wanted product card images to use a consistent aspect ratio instead of varying by image.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eI'm updating to the latest theme version. Product card images are all different heights and the grid looks uneven. Make them a consistent ratio.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eAn uneven grid from inconsistent product photography.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe set product card images to a fixed aspect ratio with the image fitting within it, so the grid stays even regardless of the source image dimensions.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eConsistent card image aspect ratio\u003c\/li\u003e\n\u003cli\u003eImages fit within the ratio without distortion\u003c\/li\u003e\n\u003cli\u003eRatio selectable in the theme editor\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155701526602,"sku":"TASK-0388","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"hide-and-show-product-info-launch","title":"Hide and Show Product Info","description":"\u003cp class=\"task-lead\"\u003eA retailer wanted the vendor shown on product cards as a logo linking to the brand collection, not as plain text.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eThe theme lets us show the vendor on product cards as text. We want the vendor's logo instead, linking to that brand's collection.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eVendor text that could be a visual.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe replaced the vendor text on product cards with the vendor's logo, linked to the brand collection, with logos managed from a settings list.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eVendor logo on product cards\u003c\/li\u003e\n\u003cli\u003eLinks to the brand collection\u003c\/li\u003e\n\u003cli\u003eLogos managed from settings\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155707195466,"sku":"TASK-0412","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"masonry-and-asymmetric-and-pinterest-style-layout-retina","title":"Masonry and Asymmetric and Pinterest-Style Layout","description":"\u003cp class=\"task-lead\"\u003eA brand wanted a masonry-style collection grid where images kept their natural proportions.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eI want the collection grid to be masonry style, like a pinboard, so tall and wide images sit together naturally instead of being cropped to squares.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eProduct photography that didn't fit a uniform grid.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe built a masonry layout for collection pages where cards keep their natural image proportions and flow into columns, with the option enabled per collection.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eMasonry collection layout\u003c\/li\u003e\n\u003cli\u003eNatural image proportions\u003c\/li\u003e\n\u003cli\u003eEnabled per collection\u003c\/li\u003e\n\u003cli\u003eTwo columns on mobile\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155715616842,"sku":"TASK-0438","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"smart-collections-and-tag-rules-symmetry","title":"Smart Collections and Tag Rules","description":"\u003cp class=\"task-lead\"\u003eA brand wanted automated collections built from tag rules so products sorted themselves.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eI want buyers to navigate rings, necklaces, and bracelets, plus by material and price range, without me adding products manually to every collection.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eManual collection maintenance.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe set up tag conventions and built automated collections that populate by type, material, and price range, with the brand only needing to tag products.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eAutomated collections by type\u003c\/li\u003e\n\u003cli\u003eAutomated collections by material\u003c\/li\u003e\n\u003cli\u003eAutomated collections by price range\u003c\/li\u003e\n\u003cli\u003eTag conventions documented\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155719352394,"sku":"TASK-0452","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"multi-select-and-checkbox-filters-impulse","title":"Multi-Select and Checkbox Filters","description":"\u003cp class=\"task-lead\"\u003eA retailer wanted multi-select collection filters where customers could combine several colors or styles at once, matching a reference site.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eI want a collection filter similar to this reference. Customers should be able to check several colors at once and see everything that matches any of them.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eSingle-select filters that made customers work harder than they should.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe built checkbox filters that let customers combine options within a category and across categories, with results updating in place and the selection held in the URL for sharing.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eCheckbox filters with multi-select\u003c\/li\u003e\n\u003cli\u003eCombine options within and across categories\u003c\/li\u003e\n\u003cli\u003eResults update without reload\u003c\/li\u003e\n\u003cli\u003eSelection held in the URL\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155722727498,"sku":"TASK-0461","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"sort-by-price-and-date-and-name-and-bestselling-canopy","title":"Sort by Price and Date and Name and Bestselling","description":"\u003cp class=\"task-lead\"\u003eA brand wanted sale items sorted to the bottom of collection pages.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eIs it possible to create a sort order that puts all sale items at the bottom of the page? Right now they're mixed in.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eSale items competing with full-price ones.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe added a sort that places full-price items first and sale items after, available as the default or as a customer-selectable option.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eSale items sorted to the bottom\u003c\/li\u003e\n\u003cli\u003eAvailable as default or selectable\u003c\/li\u003e\n\u003cli\u003eApplies across collections\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155723481162,"sku":"TASK-0475","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"sub-collection-display-on-collection-page-launch","title":"Sub-Collection Display on Collection Page","description":"\u003cp class=\"task-lead\"\u003eA retailer wanted sub-collection links in the collection sidebar with breadcrumbs reflecting the nesting.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eCollection pages need links to sub-collections in the sidebar above the filters, and breadcrumbs should show the nesting.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eNavigation depth the theme didn't show.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe added a sub-collection link list to the collection sidebar above the filters and made breadcrumbs reflect the parent and child relationship.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eSub-collection links in the sidebar\u003c\/li\u003e\n\u003cli\u003eBreadcrumbs reflect nesting\u003c\/li\u003e\n\u003cli\u003eManaged from the navigation editor\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155724824650,"sku":"TASK-0476","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"custom-sort-order-empire","title":"Custom Sort Order","description":"\u003cp class=\"task-lead\"\u003eA brand wanted a sort by option added to every collection page, which their theme didn't include.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eAdd the sort by option to all collection pages. Price, newest, best selling. The theme doesn't have it.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eSorting the theme left out.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe added a sort dropdown to every collection page with price, newest, and best selling options, styled to the theme.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eSort dropdown on all collection pages\u003c\/li\u003e\n\u003cli\u003ePrice, newest, and best selling\u003c\/li\u003e\n\u003cli\u003eStyled to the theme\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155727937610,"sku":"TASK-0501","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"default-sort-order-for-collection-retina","title":"Default Sort Order for Collection","description":"\u003cp class=\"task-lead\"\u003eA brand wanted out-of-stock items pushed to the bottom of collections while keeping the default sort for in-stock items.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003ePush out of stock items on collection pages to the bottom. I still want collections to default to my manual sort for everything in stock.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eManual sort with an availability exception.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe kept the brand's manual sort for in-stock products and moved out-of-stock products to the end of every collection.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eOut-of-stock items at the bottom\u003c\/li\u003e\n\u003cli\u003eManual sort preserved for in-stock\u003c\/li\u003e\n\u003cli\u003eApplies to all collections\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155727970378,"sku":"TASK-0502","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"smart-and-automated-collection-rules-testament","title":"Smart and Automated Collection Rules","description":"\u003cp class=\"task-lead\"\u003eA retailer wanted products to automatically appear in collections based on a linked field rather than manual assignment.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eThis is hard to describe. I want products linked to collections automatically based on a field I set on the product, so I don't add them by hand.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eAutomation the retailer couldn't quite name.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe set up automated collections driven by a product field, so setting the field on a product places it in the right collections without manual work.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eAutomated collections driven by a product field\u003c\/li\u003e\n\u003cli\u003eNo manual assignment\u003c\/li\u003e\n\u003cli\u003eSetup documented\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155728003146,"sku":"TASK-0503","price":0.0,"currency_code":"USD","in_stock":false}]}],"url":"https:\/\/www.taskhusky.com\/collections\/collection-pages.oembed?page=2","provider":"TaskHusky","version":"1.0","type":"link"}