Magnifying glass over image css lightgallery
- MAGNIFYING GLASS OVER IMAGE CSS LIGHTGALLERY FOR FREE
- MAGNIFYING GLASS OVER IMAGE CSS LIGHTGALLERY HOW TO
If you need to add jQuery to your theme, simply add the following line to the head of your html: 2) Add the plugin file to your themeįrom the plugin folder you downloaded, add the minified jQuery Zoom plugin ( ) to your Assets folder. Never load more than one version of jQuery on a website at a time, as it will increase the load time of pages and cause a slew of other JavaScript problems on your client’s site. You can inspect your theme to see if jQuery is already being loaded, by either searching for the script or going to the Console tab in your inspector and running jQuery.fn.jquery, which will return the version of jQuery the website is running.Īlternatively, you can also check the theme.liquid to see if it’s being loaded, or already loaded in a vendor.js file inside the scripts/ directory.
MAGNIFYING GLASS OVER IMAGE CSS LIGHTGALLERY HOW TO
If you’re building an app and use jQuery, make sure to read through the documentation on how to use jQuery responsibly, in order to avoid conflicts with themes that already include it. What that means is that with most Shopify themes you probably won’t need to add jQuery, unless you’re building the theme from scratch. Most themes already have a version of jQuery running, and for this plugin to work you need a minimum version of 1.7+.
1) Add jQuery if it doesn’t already exist Or, you can download the jQuery Zoom plugin.įor more tools, check out our list of favorite Sublime text plugins. If you currently have a node set up for theming, you can install this plugin via npm by running: npm install jquery-zoom This plugin is compatible with jQuery 1.7+ in Chrome, Firefox, Safari, Opera, and Internet Explorer 7+. What I like most about this plugin is that it has a clear changelog and is used by a lot of people online. This zoom plugin has little to no styling (so you can customize this yourself), and is super simple to implement. We currently use this plugin for zooming product images in the free Shopify theme, Debut. I’ve opted to go with an oldie, but a goodie, jQuery Zoom by Jack Moore.
MAGNIFYING GLASS OVER IMAGE CSS LIGHTGALLERY FOR FREE
Join for free and access revenue share opportunities, tools to grow your business, and a passionate commerce community. Whether you offer marketing, customization, or web design and development services, the Shopify Partner Program will set you up for success. Grow your business with the Shopify Partner Program