{"title":"Size Guide \u0026 Size Chart","description":"\u003cp\u003eSize Guide \u0026amp; Size Chart 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 165 size guide \u0026amp; size chart requests for merchants, including work on Symmetry, Testament and Empire. Typical turnaround is 1 to 2 business days. Below are 5 real examples with the request, the approach and what shipped.\u003c\/p\u003e","products":[{"product_id":"size-chart-link-in-description-symmetry","title":"Size Chart Link in Description","description":"\u003cp class=\"task-lead\"\u003eA supplement brand had a lab results link on product pages driven by tags. They wanted it driven by a per-product field instead.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eRight now the lab sheets link is based on a product tag and pops up a PDF. We want to move it to a product field so each product can have its own PDF without tagging gymnastics.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eTags were a workaround. A proper per-product field was cleaner to manage.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe moved the lab sheet link to a per-product field the brand fills in from the product admin. The link only appears when a PDF is attached, and it opens in a popup as before.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eLab sheet link driven by a per-product field\u003c\/li\u003e\n\u003cli\u003eLink appears only when a PDF is attached\u003c\/li\u003e\n\u003cli\u003ePopup behavior preserved\u003c\/li\u003e\n\u003cli\u003eManaged from the product admin\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155572650058,"sku":"TASK-0116","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"size-chart-image-and-table-symmetry","title":"Size Chart Image and Table","description":"\u003cp class=\"task-lead\"\u003eA brand's size chart image was blurry and didn't scale on mobile. They wanted a sharp, responsive size chart.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eWe tried adding an image to the size chart but the quality is poor and it doesn't resize on mobile. We want a responsive size chart with a high-quality image.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eA size chart customers couldn't read.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe rebuilt the size chart as a responsive table with the high-resolution image alongside, so it stays sharp on every screen and the table scrolls cleanly on mobile.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eResponsive size chart table\u003c\/li\u003e\n\u003cli\u003eHigh-resolution image displayed sharply\u003c\/li\u003e\n\u003cli\u003eHorizontal scroll on mobile\u003c\/li\u003e\n\u003cli\u003eOpens in a popup from the product page\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155695038538,"sku":"TASK-0294","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"size-chart-popup-and-modal-on-product-page-testament","title":"Size Chart Popup and Modal on Product Page","description":"\u003cp class=\"task-lead\"\u003eA brand wanted a size chart popup on the product page instead of a link to a separate page.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eWe'd like a few product page tweaks. The main one: the size chart should open in a popup on the product page instead of sending customers to another page.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eA link that took customers away from the product.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe added a size chart link near the size selector that opens the chart in a popup, keeping the customer on the product page.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eSize chart popup on the product page\u003c\/li\u003e\n\u003cli\u003eLink placed near the size selector\u003c\/li\u003e\n\u003cli\u003eChart content editable\u003c\/li\u003e\n\u003cli\u003eWorks on mobile\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155695988810,"sku":"TASK-0311","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"clean-size-charts-app-setup-symmetry","title":"Clean Size Charts App Setup","description":"\u003cp class=\"task-lead\"\u003eA brand had removed one size chart app and installed another, but nothing was showing on product pages.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eI deleted my old size chart app and installed a new one. When I go to a product page, I don't see any size chart. The new app isn't showing.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eAn app swap that left nothing behind.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe removed the old app's leftover code, integrated the new size chart app into the product page near the size selector, and confirmed the charts displayed for each product.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eOld app code removed\u003c\/li\u003e\n\u003cli\u003eNew size chart app integrated\u003c\/li\u003e\n\u003cli\u003ePlaced near the size selector\u003c\/li\u003e\n\u003cli\u003eVerified across products\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155699789898,"sku":"TASK-0372","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"size-chart-by-product-and-collection-empire","title":"Size Chart by Product and Collection","description":"\u003cp class=\"task-lead\"\u003eA brand that made a size chart image for every product wanted a size chart icon on each product page linking to that product's image.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eAdd a size chart image link for each product page. We make a size chart image for every product. Click the icon, see that product's chart in a popup.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003ePer-product size charts without per-product templates.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe added a size chart icon near the size selector that opens that product's chart image in a popup, pulling from a per-product field the brand fills in the admin.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eSize chart icon near the size selector\u003c\/li\u003e\n\u003cli\u003eOpens the product's own chart in a popup\u003c\/li\u003e\n\u003cli\u003ePer-product field in the admin\u003c\/li\u003e\n\u003cli\u003eHidden when no chart is set\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155701559370,"sku":"TASK-0389","price":0.0,"currency_code":"USD","in_stock":false}]}],"url":"https:\/\/www.taskhusky.com\/collections\/size-guide-size-chart.oembed","provider":"TaskHusky","version":"1.0","type":"link"}