[Theme 2.0] How to add the Instagram slider to Product page

Last modified: November 9, 2021

Install our Shoppable Instagram Feed app here

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

Keep in mind that the slider on the product page will only show photos that have been tagged with the product. Thus, you should begin by tagging products in the preview section.

Go to Product Tags & Preview > click on the photos > press Tag product button > select the relevant product from the list. 

tag products feature

You can select one out of 2 options below to add the Instagram slider to the product page. Let’s check it out below. 

OPTION 1: Add Product Page Slider 

Step 1: Go to Online store > Themes > Customize 

click on customize button

Step 2: On the header, select PRODUCTS > Default product

click on default product

Step 3: Under Product Information, click on Add block > select AllFetch Product Slider 

select allfetch product slider

Step 4: Click on Save button to save all changes 

Here is how the slider appears on the product page in real-time. 

slider in product page

OPTION 2: Paste the code 

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

edit code

Step 2: Paste the code 

  • Go to Sections  
  • Click on {/} al-instagram-product-slider.liquid 
  • Paste  <div id=”af_insta_product_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 Product Page 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: 21