{"product_id":"minimal-theme-second-image-on-hover","title":"Minimal Theme - Second Image on Hover","description":"\u003cp\u003eShow a second image when hovering over your collection items.\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003eSuper simple code snippet to quickly copy and paste into your Minimal theme. No time waste, no headaches, same day response support for any help you need. C\u003cspan style=\"color: rgb(37, 42, 46);\"\u003eoded by a \u003c\/span\u003e\u003cstrong\u003ecertified \u003c\/strong\u003e\u003cspan style=\"color: rgb(37, 42, 46);\"\u003eShopify partner.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan style=\"color: rgb(37, 42, 46);\"\u003e\u003cbr\u003e\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan style=\"color: rgb(37, 42, 46);\"\u003eOne image is worth a thousand words, but one live preview's worthiness is beyond evaluation! So check this code snippet working live here:\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003ca href=\"https:\/\/acid-tests.myshopify.com\/collections\/second-image-on-hover\" target=\"_blank\"\u003e→ Live Demo ←\u003c\/a\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/s3.amazonaws.com\/images.ecwid.com\/images\/wysiwyg\/product\/61271341\/381547637\/1628623841895213186102\/review_me_jpg\"\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cu\u003eWhat you'll get:\u003c\/u\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cimg src=\"https:\/\/media.giphy.com\/media\/mzDVnfIT0aKkwKFl6y\/giphy.gif\" loading=\"lazy\"\u003e\u003cbr\u003e\u003cbr\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan style=\"color: rgb(37, 42, 46);\"\u003eThis code snippet creates extra options at the \u003c\/span\u003e\u003cu\u003ecustomize\u003c\/u\u003e \u003cspan style=\"color: rgb(37, 42, 46);\"\u003epage of your theme.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan style=\"color: rgb(37, 42, 46);\"\u003eBelow, whichever options have \u003c\/span\u003e\u003cem\u003e(customizable) \u003c\/em\u003eare options that you'll be to enable, disable and\/or customize in some way.\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003eHere are all the current features:\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e- Show the product's second or last image on hover (customizable)\u003c\/p\u003e\n\u003cp\u003e- Subtle animation on hover (customizable - you can turn it on\/off and also customize the delay of the transition)\u003c\/p\u003e\n\u003cp\u003e- Automatically fixes aspect ratio for images with different sizes\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e- Align images to top or middle, like in the original Minimal's theme\u003c\/p\u003e\n\u003cp\u003e- Works with the \"you may also like\" section\u003c\/p\u003e\n\u003cp\u003e- Life time \u003cstrong\u003efree \u003c\/strong\u003eupdates\u003c\/p\u003e\n\u003cp\u003e- Constantly maintained and improved\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cu\u003eInstallation:\u003c\/u\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan style=\"color: rgb(37, 42, 46);\"\u003eInstallation takes less than 1 minute!\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan style=\"color: rgb(37, 42, 46);\"\u003eYou just need to copy and paste the files that come in this product in your theme.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan style=\"color: rgb(37, 42, 46);\"\u003eDetailed instructions \u003c\/span\u003e\u003cstrong\u003e\u003ca href=\"https:\/\/ezfycode.com\/blog\/minimal-theme-show-second-image-on-hover\"\u003ecan be found here\u003c\/a\u003e.\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cu\u003eSupport:\u003c\/u\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan style=\"color: rgb(37, 42, 46);\"\u003eWe give 100% support to all of its users to ensure that what you're seeing on the demo page is exactly what you see on your website, same day responses are guaranteed. \u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan style=\"color: rgb(37, 42, 46);\"\u003eIf you have any questions, troubles or find bugs just reach out to me:\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan style=\"color: rgb(37, 42, 46);\"\u003eezfycode@gmail.com\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cu\u003eImportant Notes:\u003c\/u\u003e\u003c\/strong\u003e\u003cspan style=\"color: rgb(37, 42, 46);\"\u003e \u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e✔️\u003cspan style=\"color: rgb(77, 81, 86);\"\u003e \u003c\/span\u003e\u003cspan style=\"color: rgb(37, 42, 46);\"\u003eThis code works \u003c\/span\u003e\u003cstrong\u003eexclusively \u003c\/strong\u003e\u003cspan style=\"color: rgb(37, 42, 46);\"\u003eon the Minimal theme\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan style=\"color: rgb(37, 42, 46);\"\u003eUnsure whether it would work on your theme? Send us an email and we'll be more than happy to help you figure it out.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan style=\"color: rgb(37, 42, 46);\"\u003eezfycode@gmail.com\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cstrong\u003e\u003cu\u003eFAQ:\u003c\/u\u003e\u003c\/strong\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan style=\"color: rgb(37, 42, 46);\"\u003eQ\u003c\/span\u003e\u003cem\u003e: My collection items are \u003c\/em\u003e\u003cstrong\u003e\u003cem\u003ealready customized.\u003c\/em\u003e\u003c\/strong\u003e\u003cem\u003e Can I integrate this code snippet into it since I can't delete everything in the product-card-grid?\u003c\/em\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan style=\"color: rgb(37, 42, 46);\"\u003eA: Absolutely. We offer custom integration for $30 USD.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan style=\"color: rgb(37, 42, 46);\"\u003eQ\u003c\/span\u003e\u003cem\u003e: What is included in the support?\u003c\/em\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan style=\"color: rgb(37, 42, 46);\"\u003eA: We ensure that whatever you see in the demo page is what appears on your own website. In addition, any bugs you find will be promptly investigated and fixed.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cem\u003eQ: Do you offer refunds?\u003c\/em\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan style=\"color: rgb(37, 42, 46);\"\u003eA: Taking into consideration that it's a digital product with a live demo we do not offer refunds.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan style=\"color: rgb(37, 42, 46);\"\u003eIf you have any unanswered questions please feel free to reach out to us before making your purchase, we'll be happy to help.\u003c\/span\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cbr\u003e\u003c\/p\u003e\n\u003cp\u003e\u003cspan style=\"color: rgb(37, 42, 46);\"\u003eThank you!\u003c\/span\u003e\u003c\/p\u003e","brand":"My Store","offers":[{"title":"Default Title","offer_id":45755639234787,"sku":"00011","price":30.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0710\/3820\/6179\/files\/2453953696.png?v=1733298927","url":"https:\/\/ezfycode.com\/products\/minimal-theme-second-image-on-hover","provider":"EzfyCode","version":"1.0","type":"link"}