{"title":"Button Styling","description":"\u003cp\u003eButton Styling 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 91 button styling requests for merchants, including work on Dawn, Retina and Atlantic. Typical turnaround is 1 to 2 business days. Below are 3 real examples with the request, the approach and what shipped.\u003c\/p\u003e","products":[{"product_id":"multiple-button-styles-dawn","title":"Multiple Button Styles","description":"\u003cp class=\"task-lead\"\u003eA safety gear brand wanted a primary call-to-action button style on product pages and a secondary style for less important actions, both matching their brand.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eThe CTA button on the product template needs to stand out. Then we need a secondary button style for things like Compare and Wishlist so they don't compete with Buy.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eEvery button looked the same, so nothing stood out.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe defined two button styles: a bold primary for add-to-cart and checkout, and a quieter secondary for supporting actions. Both are available as options in the theme editor so the brand applies them consistently.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003ePrimary button style for buy actions\u003c\/li\u003e\n\u003cli\u003eSecondary button style for supporting actions\u003c\/li\u003e\n\u003cli\u003eBoth available in the theme editor\u003c\/li\u003e\n\u003cli\u003eApplied across product, cart, and checkout\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155677573194,"sku":"TASK-0131","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"button-color-and-background-retina","title":"Button Color and Background","description":"\u003cp class=\"task-lead\"\u003eA prints retailer wanted a set of cart drawer color changes: background, checkout button, and text.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eChange the cart drawer background color, the drawer's checkout button color, and the text color. I've listed the exact values.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eThe cart drawer didn't match the brand's dark aesthetic.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe applied the retailer's exact colors to the cart drawer background, checkout button, and text, and added them as theme editor settings so they can be changed later.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eCart drawer background color applied\u003c\/li\u003e\n\u003cli\u003eCheckout button color applied\u003c\/li\u003e\n\u003cli\u003eText color applied\u003c\/li\u003e\n\u003cli\u003eAll three added as theme editor settings\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155679375434,"sku":"TASK-0150","price":0.0,"currency_code":"USD","in_stock":false}]},{"product_id":"button-hover-effect-atlantic","title":"Button Hover Effect","description":"\u003cp class=\"task-lead\"\u003eA brand wanted an add-to-cart button to appear on hover over product cards on collection pages.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eI'm looking to display an add to cart button as a hover effect when mousing over a product on collections. Quick, without opening the product.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eOne-click adding from the grid.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe added a hover state to product cards with an add-to-cart button that adds single-variant products directly and opens a selector for products with variants.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eAdd-to-cart button on card hover\u003c\/li\u003e\n\u003cli\u003eDirect add for single-variant products\u003c\/li\u003e\n\u003cli\u003eSelector for multi-variant products\u003c\/li\u003e\n\u003cli\u003eVisible without hover on touch devices\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155696414794,"sku":"TASK-0321","price":0.0,"currency_code":"USD","in_stock":false}]}],"url":"https:\/\/www.taskhusky.com\/collections\/button-styling.oembed","provider":"TaskHusky","version":"1.0","type":"link"}