Supply Theme Animated GIF code

Highlighted
New Member
38 0 0

I need to add an animate GIF on the homepage of the Supply theme in place of the Slideshow underneath the header. I have been told it needs to be coded into the the theme but I am not sure how to code it.

0 Likes
Highlighted

Hello,

Thank you for your question. 

Please share your store URL, page URL and also password (if your store has one), I'll help you out to the best of my ability.

Kind regards,
Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
0 Likes
Highlighted
New Member
38 0 0
0 Likes
Highlighted

The page is locked with password. 

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
0 Likes
New Member
38 0 0

It is under construction. Client prefer to keep it private before its ready

0 Likes
Highlighted

I can't help without debugging the code. Wishing you the best of luck. 

Kind regards, 

Diego

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
0 Likes
Highlighted
New Member
38 0 0

Thats what I did

1 Go to Setting -- > Files -- > Upload Files (GIF file, less than 20MB)

2. Go to Online Store -- > Edit Home Page 

3. Choose Custom Content -- > Custom HTML -- > insert code below

 

<style>.embed-container { position: relative; padding-bottom: 56.0%; height: 0; overflow: hidden; max-width: 500%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class="embed-container"><iframe

src="YOUR HTTP FROM UPLOAD FILES SECTION"

 

frameborder="0" webkitallowfullscreen="" mozallowfullscreen="" allowfullscreen=""></iframe></div>

 

4. Save. 

0 Likes