{"product_id":"quick-view-button-reveal-on-hover-launch","title":"Quick View Button Reveal on Hover","description":"\u003cp class=\"task-lead\"\u003eA skincare brand wanted a colored border and a quick view button to appear when hovering product cards.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eCreate a colored border on product listing hover, and a quick view button that reveals on the same hover. Like the reference site.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eA hover interaction from a competitor the brand admired.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe added a hover state to product cards with the brand's border color and a quick view button that appears in the same motion. Touch devices show the button without hover.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eColored border on card hover\u003c\/li\u003e\n\u003cli\u003eQuick view button reveals on hover\u003c\/li\u003e\n\u003cli\u003eButton always visible on touch devices\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155694547018,"sku":"TASK-0284","price":0.0,"currency_code":"USD","in_stock":false}],"url":"https:\/\/www.taskhusky.com\/products\/quick-view-button-reveal-on-hover-launch","provider":"TaskHusky","version":"1.0","type":"link"}