We recently developed a module for our Shopify Theme Newport and wanted to share the files with the community. We are considering putting this into a Twigs for Timber bundle but for now we are just hosting it on Github.
- - jQuery
- - jQuery Cookie
- - Shopify Ajax API
- - Spin.js
The snippet below will automatically require these assets so all you have to do is include the snippet into your product.liquid file and it will start working right away.
- - Simple to install
- - Converts more sales
- - Helps customers navigate
- - Easy to customize
- - Fully responsive
This is very simple stuff so let’s dive in.
Getting the code. Copy the code below to your clipboard.
Creating the snippet
Next we need to create a snippet to allow for our pages to show the module
See the image below to create a Snippet in your Shopify store.
Goto the themes section of your Shopify Admin Panel.
Now create a new snippet called
Paste the code from the Gist in “Step 1″ into the new file.
Include the code on your product details page where you want the products to show up.
You should now be able to start visiting products and see them show up on each product details page. The script is aware of product presence so you can place it on any page by repeating step 4 with the new template file.