[Theme 2.0] How to add the slider to homepage

Last modified: November 9, 2021

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 

Click on Customize button

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

select AllFetch Product Slider

Step 3: Click on Save button to save all changes 

Click on Save button

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

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  

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 
paste the code

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. 

check out the instruction

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^^

Was this article helpful?
Dislike 0
Views: 22