Supply Theme Animated GIF code

natali5115
New Member
46 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

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.
◦ Using a free theme? Improve it with copy/paste code snippets clicking here.
◦ Looking to hire an experienced developer? Same day response: ezfycode@gmail.com.
0 Likes
natali5115
New Member
46 0 0
0 Likes

The page is locked with password. 

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Using a free theme? Improve it with copy/paste code snippets clicking here.
◦ Looking to hire an experienced developer? Same day response: ezfycode@gmail.com.
0 Likes
natali5115
New Member
46 0 0

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

0 Likes

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.
◦ Using a free theme? Improve it with copy/paste code snippets clicking here.
◦ Looking to hire an experienced developer? Same day response: ezfycode@gmail.com.
0 Likes
natali5115
New Member
46 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