Embed GIF in Multi-Image w/ Text Block - FAME them

Embed GIF in Multi-Image w/ Text Block - FAME them

Abby_Sugar
Tourist
7 0 2

Hi! On my home page (https://tc8xaecq5ehqadwc-63270486172.shopifypreview.com) I have a spinning beer can. The GIF is not up to high quality enough - I have it embedded elsewhere on a server, and instead of an image on this banner, I want to include an Embed Link. The template block is "Multi-Image with Text" and it allows me to have a background image, hero image over the background, text, and button CTA. 

 

I want to use an embed code for the image block. 

How can I do this? 

 

Replies 3 (3)

nvchien
Shopify Partner
55 23 14

Hi @Abby_Sugar,

Unfortunately there isn't a specific guide to doing this, but I think you'll have to change the code to do it. You need to find <img> tag in Hero banner and replace by your <iframe> code. Then, you can update CSS to make it look good.

- If this solution helped you out, please consider accepting it as a solution and giving it a thumbs-up. Your feedback is valuable to me and the community!
- If you're feeling extra generous, you can always buy me a coffee . Your support helps fuel my Shopify knowledge and keeps the solutions flowing!
- You can also follow more tips and tricks from my blog.
Abby_Sugar
Tourist
7 0 2

Thanks for the feedback - I decided to use Gempages for the home page, which will allow me more flexibility - including adding a hero image banner that I can place code inside. Thank you! 

GemPages
Shopify Partner
5625 1262 1282

Hi @Abby_Sugar,

You can easily use GemPages' Hero Banner element. I can help you use it better if I know your design wishes

Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center