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