{"title":"Cart Page Customization","description":"\u003cp\u003eCart Page Customization 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 489 cart page customization requests for merchants, including work on Impulse, Symmetry, Canopy and Testament. Below are 11 real examples with the request, the approach and what shipped.\u003c\/p\u003e","products":[{"product_id":"cart-drawer-and-mini-cart-and-slide-out-canopy","title":"Cart Drawer and Mini Cart and Slide-Out","description":"\u003cp class=\"task-lead\"\u003eA grooming brand wanted a series of conversion improvements on their cart, starting with a slide-out drawer.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eI want to improve conversions. Slide-out cart when something is added, keep the customer on the page, and show a free shipping progress bar in the drawer.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eThe store sent customers to the cart page on every add. The brand wanted them to stay shopping.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe replaced the cart page redirect with a slide-out drawer that opens on add, shows the cart contents with editable quantities, and includes a free shipping progress bar. The full cart page still exists for customers who prefer it.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eSlide-out cart drawer on add to cart\u003c\/li\u003e\n\u003cli\u003eEditable quantities inside the drawer\u003c\/li\u003e\n\u003cli\u003eFree shipping progress bar\u003c\/li\u003e\n\u003cli\u003eFull cart page retained\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44154835697738,"sku":"TASK-0043","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"upsell-and-cross-sell-on-cart-impulse","title":"Upsell and Cross-sell on Cart","description":"\u003cp class=\"task-lead\"\u003eA homewares brand wanted an upsell product shown on the cart page, and a gift-wrapping checkbox with a message field beside it.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eAdd an upsell product to the cart page. And we need a gift-wrapping tick box with a message field at the cart, since a lot of our orders are gifts. Our theme developer recommended you.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eTwo revenue opportunities the theme didn't provide: a cart upsell and gift wrapping.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe added a cart upsell block that suggests a complementary product with a one-click add, and a gift wrap checkbox with a message field that adds the wrapping fee and carries the message to the order.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eCart upsell block with one-click add\u003c\/li\u003e\n\u003cli\u003eGift wrap checkbox with message field\u003c\/li\u003e\n\u003cli\u003eWrapping fee added to the total\u003c\/li\u003e\n\u003cli\u003eGift message shown on the order\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155677474890,"sku":"TASK-0128","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"cart-notes-and-special-instructions-and-custom-field-testament","title":"Cart Notes and Special Instructions and Custom Field","description":"\u003cp class=\"task-lead\"\u003eA retailer wanted the special instructions box on the cart page replaced with a policy acknowledgment checkbox.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eRemove the special instructions to the seller box on the cart page and replace it with a box containing our policies that the customer has to check before checkout.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eDisputes after purchase. The retailer wanted acknowledgment recorded before checkout.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe replaced the instructions field with a policy summary and a required checkbox. Checkout is disabled until it's checked, and the acknowledgment is recorded on the order.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eSpecial instructions box removed\u003c\/li\u003e\n\u003cli\u003ePolicy summary and required checkbox on the cart\u003c\/li\u003e\n\u003cli\u003eCheckout disabled until acknowledged\u003c\/li\u003e\n\u003cli\u003eAcknowledgment recorded on the order\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155678326858,"sku":"TASK-0135","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"cart-page-layout-and-general-redesign-pacific","title":"Cart Page Layout and General Redesign","description":"\u003cp class=\"task-lead\"\u003eA custom printer needed customers to upload artwork on the cart page and have that file travel with the order.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eI need a text and file upload option on the cart page. Customers upload their artwork, add notes, and both need to reach us with the order.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eArtwork was arriving by email after the fact, disconnected from orders.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe added a file upload and notes field to the cart page. Uploads attach to the order so the print team sees the artwork and notes alongside the line items.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eFile upload field on the cart page\u003c\/li\u003e\n\u003cli\u003eNotes field alongside it\u003c\/li\u003e\n\u003cli\u003eUploads attached to the order\u003c\/li\u003e\n\u003cli\u003eSupported file types and size limits enforced\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155678457930,"sku":"TASK-0136","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"add-discount-code-field-on-cart-page-impulse","title":"Add Discount Code Field on Cart Page","description":"\u003cp class=\"task-lead\"\u003eA retailer offered free shipping on everything but their cart page showed a shipping line that confused customers. They wanted the cart reworked.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eI hate my cart page. I offer free shipping on all products, but the cart shows a shipping calculation that makes people think they'll be charged. And there's no discount code field.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eA cart that was undermining the store's main selling point.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe removed the shipping estimate from the cart, added a clear free shipping message, and placed a discount code field so customers can apply codes before checkout.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eShipping estimate removed from the cart\u003c\/li\u003e\n\u003cli\u003eClear free shipping message\u003c\/li\u003e\n\u003cli\u003eDiscount code field on the cart\u003c\/li\u003e\n\u003cli\u003eMobile layout cleaned up\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155680849994,"sku":"TASK-0157","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"cart-validation-and-required-fields-symmetry","title":"Cart Validation and Required Fields","description":"\u003cp class=\"task-lead\"\u003eA retailer wanted to stop the theme from redirecting to the cart page on add-to-cart, and to require a terms checkbox before checkout.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eTwo parts. Stop the store from redirecting to the cart page when someone adds a product. And require a terms and conditions checkbox on the cart before checkout.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eA redirect that interrupted shopping and a legal requirement that needed enforcing.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe replaced the redirect with a cart drawer that opens on add, and added a required terms checkbox to the cart that disables checkout until it's checked.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eRedirect replaced with a cart drawer\u003c\/li\u003e\n\u003cli\u003eRequired terms checkbox on the cart\u003c\/li\u003e\n\u003cli\u003eCheckout disabled until accepted\u003c\/li\u003e\n\u003cli\u003eAcceptance recorded on the order\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155681570890,"sku":"TASK-0175","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"shipping-calculator-and-estimate-on-cart-symmetry","title":"Shipping Calculator and Estimate on Cart","description":"\u003cp class=\"task-lead\"\u003eA retailer offering free shipping wanted the shipping estimator removed from the cart and a clear free shipping message in its place.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eI offer free shipping on everything, but the cart shows a shipping estimator that makes people think they'll be charged. Replace it with a clear free shipping message.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eAn estimator that undercut the store's best offer.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe removed the shipping calculator from the cart and replaced it with a prominent free shipping message, on both the cart page and the cart drawer.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eShipping estimator removed\u003c\/li\u003e\n\u003cli\u003eFree shipping message on the cart page\u003c\/li\u003e\n\u003cli\u003eSame message in the cart drawer\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155686453322,"sku":"TASK-0212","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"skip-cart-and-direct-to-checkout-symmetry","title":"Skip Cart and Direct to Checkout","description":"\u003cp class=\"task-lead\"\u003eA retailer's EU store had a cart drawer and wanted recommended products shown inside it.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eWe've activated the drawer cart on the EU store. We want recommended products inside the drawer so customers see them after adding, without going to the cart page.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eA drawer that showed the cart and nothing else.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe added a recommended products row inside the cart drawer, pulling complementary items with one-click add, and excluding anything already in the cart.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eRecommended products in the cart drawer\u003c\/li\u003e\n\u003cli\u003eOne-click add\u003c\/li\u003e\n\u003cli\u003eExcludes items already in the cart\u003c\/li\u003e\n\u003cli\u003eDeployed to the EU store\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155688124490,"sku":"TASK-0235","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"hide-and-remove-elements-from-cart-atlantic","title":"Hide and Remove Elements from Cart","description":"\u003cp class=\"task-lead\"\u003eA brand wanted the express payment buttons removed from the cart so customers saw one clear checkout path.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eRemove the PayPal and express buttons from the cart drawer and cart page. One checkout button. The extra buttons confuse people.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eMultiple buttons, one intended path.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe removed the express payment buttons from the cart drawer and cart page, leaving a single checkout button, while keeping express options available at checkout.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eExpress buttons removed from cart drawer\u003c\/li\u003e\n\u003cli\u003eExpress buttons removed from cart page\u003c\/li\u003e\n\u003cli\u003eExpress options still at checkout\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155695693898,"sku":"TASK-0305","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"minimum-and-maximum-order-quantity-rules-impulse","title":"Minimum and Maximum Order Quantity Rules","description":"\u003cp class=\"task-lead\"\u003eA brand's new theme was missing the Allow Substitute Products checkbox their old theme had in the cart.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eOur old theme had a checkbox in both the mini cart and cart page saying Allow Substitute Products. The new theme doesn't. We need it back.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eA small feature with real operational value.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe added the substitute products checkbox to the cart drawer and cart page on the new theme, with the customer's choice recorded on the order.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eSubstitute products checkbox in the cart drawer\u003c\/li\u003e\n\u003cli\u003eSame checkbox on the cart page\u003c\/li\u003e\n\u003cli\u003eChoice recorded on the order\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155697692746,"sku":"TASK-0340","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"free-shipping-bar-and-threshold-on-cart-dawn","title":"Free Shipping Bar and Threshold on Cart","description":"\u003cp class=\"task-lead\"\u003eA brand wanted a free shipping threshold bar on the cart page and a cluster of product page tweaks.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eAdd a free shipping bar on the cart page showing how much more to spend. And on the product page, move the size chart button and make it wider.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eA cart feature plus product page polish.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe added a free shipping progress bar to the cart page, repositioned and widened the size chart button, and applied the remaining product page tweaks.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eFree shipping progress bar on the cart\u003c\/li\u003e\n\u003cli\u003eSize chart button repositioned and widened\u003c\/li\u003e\n\u003cli\u003eProduct page tweaks completed\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155725086794,"sku":"TASK-0483","price":0.0,"currency_code":"USD","in_stock":false}]}],"url":"https:\/\/www.taskhusky.com\/collections\/cart-page-customization.oembed","provider":"TaskHusky","version":"1.0","type":"link"}