How To Create CUSTOM PRODUCT OPTIONS on Shopify 2. This is documentation for Tiny-Swiper Ingenious JavaScript Carousel powered by wonderful plugins 1.x, which is no longer actively maintained.Paste the following code inside the HTML tag. "label": "Enable Wrap Around (endless scrolling)",įrom the Layout directory choose theme.liquid. "label": "Choose number of slides to show on start", * Plugin, licensing and documentation at * Make sure you have the Flickity plugin installed and the proper license for this to function on your store Name it Feature-slider and paste the following code into the new file: Now that you have the duplicate of your theme you can click on Actions again, but this time choose Edit Code.įrom the navigation to the left go to the Sections directory and choose Add a new section. This way you will have a backup of your live theme in case you miss some step and it has a negative impact on your store. When the slide is longer than the viewport when you click on 'Go to 2' for example the swiper move the first slide to the left of the screen and then you have to wait for the second slide to show. It's working when the slide is not that long. Next to the live theme click on Actions and choose Duplicate. I'm trying to make an infinite loop slider with custom pagination. Featured Product Slider Shopifyįrom your Shopify admin go to Online store and choose themes. Just follow the instructions in this product slider Shopify tutorial. I wonder if I can add one of those to my Shopify store.” The answer is yes, you can. Have you ever been in other peoples’ stores and seen a product slider? You might have thought: “Wow, that’s a cool feature. It gives your store a more professional look, therefore increasing interest and conversions.
A product slider is a visual aide, a little bit like a small slideshow for your products.