{"title":"Product Page Customization (general)","description":"\u003cp\u003eProduct Page Customization (general) 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 926 product page customization (general) requests for merchants, including work on Turbo, Dawn, Prestige and Symmetry. Below are 9 real examples with the request, the approach and what shipped.\u003c\/p\u003e","products":[{"product_id":"product-page-layout-for-specific-theme-prestige","title":"Product Page Layout for Specific Theme","description":"\u003cp class=\"task-lead\"\u003eA fashion boutique on an Underground theme wanted a product page layout the theme didn't offer out of the box: one large image at a time with variant thumbnails down the side.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eRight now the product page slider works like scroll-to-top. We need it to show a single image, and when someone clicks a variant thumbnail on the side, the main image swaps. Here's a demo of what we're after.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eThe theme's default product gallery scrolled vertically through every image. The boutique wanted something closer to a lookbook: one hero image, thumbnails to the side, and the main image swapping when a color was selected.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe rebuilt the product gallery layout to match the reference the boutique sent, keeping the theme's variant logic intact so color selection still updated price and availability correctly.\u003c\/p\u003e\u003cp\u003eThe layout collapses cleanly on mobile, where the thumbnails move beneath the main image so nothing gets cramped.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eSingle-image product gallery with side thumbnails\u003c\/li\u003e\n\u003cli\u003eMain image swaps when a variant is selected\u003c\/li\u003e\n\u003cli\u003eMobile layout with thumbnails beneath the main image\u003c\/li\u003e\n\u003cli\u003eTheme's variant and inventory logic preserved\u003c\/li\u003e\n\u003cli\u003eTested on the boutique's full catalog\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44154827538506,"sku":"TASK-0004","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"redesign-and-rebuild-product-page-template-dawn","title":"Redesign and Rebuild Product Page Template","description":"\u003cp class=\"task-lead\"\u003eA home decor brand had a full product page redesign mocked up in design files and needed it built to match.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eWe're requesting a redesign of our product page. Attached is a screenshot of the current page, a mockup of what we want, and the changes labeled by number. All the design collateral is ready.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eThe brand had invested in design and needed a developer who would build to spec, not interpret. Every numbered change in the mockup had to land.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe built the new product page template to the mockup, checking each numbered item off as we went. Anything that needed to stay editable, like feature blocks and trust messaging, was built as theme sections rather than hardcoded.\u003c\/p\u003e\u003cp\u003eThe brand reviewed on a duplicate theme before we published.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eProduct page rebuilt to match the design files\u003c\/li\u003e\n\u003cli\u003eEvery numbered mockup change implemented\u003c\/li\u003e\n\u003cli\u003eEditable sections for content the brand updates regularly\u003c\/li\u003e\n\u003cli\u003eReviewed on a duplicate before publish\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44154830913610,"sku":"TASK-0019","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"add-custom-sections-to-product-page-dawn","title":"Add Custom Sections to Product Page","description":"\u003cp class=\"task-lead\"\u003eA retailer wanted the flexibility to add content blocks to product pages below the standard details, per product.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eWe use a product template that lets us add content blocks below the standard details. We want more section types available there: image with text, video, comparison table.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eThe product template had the right idea but too few section options.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe extended the product template so the retailer can add image-with-text, video, and comparison table sections below the product details, per product, from the theme editor.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eImage-with-text section for product pages\u003c\/li\u003e\n\u003cli\u003eVideo section for product pages\u003c\/li\u003e\n\u003cli\u003eComparison table section for product pages\u003c\/li\u003e\n\u003cli\u003eAll assignable per product in the theme editor\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155568717898,"sku":"TASK-0115","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"custom-html-and-wysiwyg-and-custom-field-on-product-page-turbo","title":"Custom HTML and WYSIWYG and Custom Field on Product Page","description":"\u003cp class=\"task-lead\"\u003eAn equipment brand updating to a new theme version needed variant-specific detail to appear when a customer selected a variant, pulled from custom product data.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eI'm updating to the latest theme version. I've copied over the settings and created new product templates. Now I need variant-specific data to show when the customer selects a variant. Each variant has its own specs.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eProduct specs differed by variant. Showing one set of specs for the whole product was misleading customers.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe connected the product page to the brand's per-variant data so the spec block updates the moment a customer changes their selection. The brand manages the data from the product admin without touching the template.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eSpec block updates on variant selection\u003c\/li\u003e\n\u003cli\u003eData managed from the product admin\u003c\/li\u003e\n\u003cli\u003eWorks with the new theme version\u003c\/li\u003e\n\u003cli\u003eFalls back to product-level specs when a variant has none\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155677016138,"sku":"TASK-0121","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"pre-order-and-custom-product-template-variations-symmetry","title":"Pre-Order and Custom Product Template Variations","description":"\u003cp class=\"task-lead\"\u003eA decor brand had a custom product template with special behavior and needed the same logic applied to an alternate template for a second product line.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eYou customized a product template so certain behavior only happens on that product. I need the same on an alternate product page template for another line, with slightly different rules.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eA proven customization that needed a variation for a different product type.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe created the alternate product template with the same underlying behavior and the adjusted rules for the second product line. The brand assigns products to either template from the admin.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eAlternate product template with adjusted rules\u003c\/li\u003e\n\u003cli\u003eSame underlying behavior as the original\u003c\/li\u003e\n\u003cli\u003eAssignable per product from the admin\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155681112138,"sku":"TASK-0163","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"dynamic-description-and-variant-dependent-content-empire","title":"Dynamic Description and Variant-Dependent Content","description":"\u003cp class=\"task-lead\"\u003eA gear brand needed the product description to change depending on which variant the customer selected.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eFor one product line, the product template needs to change the description as each variant is selected. Each size has different specs and fit notes.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eOne description couldn't cover what varied by variant.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe made the description variant-aware on the affected product template so it swaps to the selected variant's content, managed per variant from the admin.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eVariant-specific descriptions\u003c\/li\u003e\n\u003cli\u003eSwaps on variant selection\u003c\/li\u003e\n\u003cli\u003eManaged from the product admin\u003c\/li\u003e\n\u003cli\u003eApplies only to the designated template\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155693400138,"sku":"TASK-0261","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"product-page-mobile-layout-testament","title":"Product Page Mobile Layout","description":"\u003cp class=\"task-lead\"\u003eA returning client wanted their product page optimized for mobile, with elements reordered for smaller screens.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eThanks again for the previous project. Now we want the product page optimized for mobile: reorder the elements so the important information comes first on phones.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eA desktop-first product page on a mobile-heavy store.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe reordered the mobile product page so images, price, variant selection, and add to cart lead, with description and details beneath, without changing desktop.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eMobile product page reordered\u003c\/li\u003e\n\u003cli\u003eBuy elements above the fold\u003c\/li\u003e\n\u003cli\u003eDesktop unchanged\u003c\/li\u003e\n\u003cli\u003eTested on common phone sizes\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155696644170,"sku":"TASK-0327","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"product-page-errors-and-bug-fix-turbo","title":"Product Page Errors and Bug Fix","description":"\u003cp class=\"task-lead\"\u003eA brand installed a new theme and found an error on every product page when viewed as a visitor.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eI recently installed a new theme and there's an error on the product page when I open products as a visitor. It doesn't show in the editor.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eAn error only visible to customers.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe reproduced the error as a visitor, traced it to an app integration the new theme didn't expect, corrected it, and confirmed product pages rendered cleanly.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eProduct page error resolved\u003c\/li\u003e\n\u003cli\u003eApp integration corrected\u003c\/li\u003e\n\u003cli\u003eVerified as a visitor on desktop and mobile\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155704868938,"sku":"TASK-0402","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"full-width-product-page-turbo","title":"Full-Width Product Page","description":"\u003cp class=\"task-lead\"\u003eA brand wanted full-width banner sections on product pages and standard pages, not just the homepage.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eFull width banners on product pages and other pages. Right now only the homepage supports them.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eA section confined to the homepage.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe made the full-width banner section available on product and page templates, so the brand can add it anywhere from the theme editor.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eFull-width banner on product pages\u003c\/li\u003e\n\u003cli\u003eFull-width banner on standard pages\u003c\/li\u003e\n\u003cli\u003eAdded from the theme editor\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155713159242,"sku":"TASK-0434","price":0.0,"currency_code":"USD","in_stock":false}]}],"url":"https:\/\/www.taskhusky.com\/collections\/product-page-customization-general.oembed","provider":"TaskHusky","version":"1.0","type":"link"}