{"product_id":"lightbox-and-modal-image-popup-pacific","title":"Lightbox and Modal Image Popup","description":"\u003cp class=\"task-lead\"\u003eA jewelry brand wanted product images to open in a full-screen lightbox so customers could inspect detail before buying.\u003c\/p\u003e\u003ch2\u003eThe request\u003c\/h2\u003e\u003cblockquote\u003e\n\u003cp\u003eThis is a high-end jewelry site. Customers need to see the detail. I want images to open in a lightbox with zoom, and to be able to move between images without closing it.\u003c\/p\u003e\n\u003ccite\u003eOriginal customer request, anonymized\u003c\/cite\u003e\n\u003c\/blockquote\u003e\u003cp\u003eHigh-value products need close inspection. The theme's gallery didn't enlarge enough.\u003c\/p\u003e\u003ch2\u003eThe approach\u003c\/h2\u003e\u003cp\u003eWe added a lightbox to product images that opens full-screen with zoom, arrows to move between images, and swipe on mobile. It uses the full-resolution images so detail holds up.\u003c\/p\u003e\u003ch2\u003eWhat we shipped\u003c\/h2\u003e\u003cul\u003e\n\u003cli\u003eFull-screen lightbox on product images\u003c\/li\u003e\n\u003cli\u003eZoom within the lightbox\u003c\/li\u003e\n\u003cli\u003eArrow and swipe navigation between images\u003c\/li\u003e\n\u003cli\u003eFull-resolution images used\u003c\/li\u003e\n\u003c\/ul\u003e","brand":"TaskHusky Portfolio","offers":[{"title":"Default Title","offer_id":44155511570506,"sku":"TASK-0072","price":0.0,"currency_code":"USD","in_stock":false}],"url":"https:\/\/www.taskhusky.com\/products\/lightbox-and-modal-image-popup-pacific","provider":"TaskHusky","version":"1.0","type":"link"}