[Theme 2.0] How to add the slider to homepage

Install our Shoppable Instagram Feed app here

Before adding a slider to the storefront, rest assured that you’ve already connected your Instagram account with the app.

There are 2 options for you to add a slider to the storefront. Following, we will guide you step by step to make it complete. Let’s get started!

OPTION 1: Add AllFetch Product Slider section 

Step 1: Head to Online Store > Themes > Customize 

Step 2:  From the side bar, click on Add section > select AllFetch Product Slider 

Step 3: Click on Save button to save all changes 

Here is how the slider appears on your storefront in real-time. 

You can freely adjust the Photo Feed Setting to ensure that the feed looks exactly how you want it to. Check out the guideline here. 

OPTION 2: Adding HTML code 

You can add this piece of HTML code to any templates in your theme. Assured that your slider will appear the same way as in option 1. 

Step 1: Head to Online Store > Themes > Actions > Edit code  

Step 2: Paste the code 

• Go to Sections  
• Click on {/} al-instagram-slider.liquid 
• Paste  <div id=”af_insta_slider”></div>
• Press Save button 

Check out the instruction 

You can easily check out the instructions anytime from the backend. Please click on Add Slider to Store Front button for the details. 

Hope that this guideline is helpful to you!!!

If you need any help, feel free to contact us via live chat or send an email to [email protected]. Our customer support team is more than happy to help^^