How do I replace an image with a widget in a text section?

How do I replace an image with a widget in a text section?

JacobKud
Tourist
7 0 1

Hello,

 

I want to use "image with text" section to insert my widget instead of the image. I have duplicated and renamed image-with-text.liquid to make these changes. But this is where my "coding" ends... Can someone tell me where and how I need to place my embed code to replace the image and can still use the text? 

 

Thank you very much! 

 

Jacob

Replies 6 (6)

Litos
Globetrotter
688 169 146

Hi @JacobKud,

Please change code here:

Screenshot.png

Code:

<div class="image-with-text__media gradient color-{{ section.settings.color_scheme }}">
        code widget instead
</div>

Hope it helps!

Litos - Shopify Development Service Provider
Need to develop or customize your Shopify store, feel free to contact us here.
JacobKud
Tourist
7 0 1

Hi @Litos,

 

thank you for your time! Unfortunately it doesn't work for me. 

 

I did it as you told me. But what happened is that the widget is now in the header section on every page even though the changes were made in the duplicated image-with-widget.liquid.

 

JacobKud_0-1665505582074.png

Is there anything I did wrong? 

 

Thank you

Litos
Globetrotter
688 169 146

Hi @JacobKud,

Please send your site and if your site is password protected, please send me the password. I will check it.

Litos - Shopify Development Service Provider
Need to develop or customize your Shopify store, feel free to contact us here.
JacobKud
Tourist
7 0 1

Hi @Litos 

I have this code on the duplacated theme to not cause same coding error on my shop. 

Here is the link to it: https://8hxkxu2hfzb0yv10-62291148988.shopifypreview.com 

Litos
Globetrotter
688 169 146

Hi @JacobKud,

You can try adding it in the 'Custom Liquid' section and check again, is it in the section or still showing in the header?

Litos - Shopify Development Service Provider
Need to develop or customize your Shopify store, feel free to contact us here.
JacobKud
Tourist
7 0 1

Hi, @Litos 

 

Yes, when I paste the code of the widget to the 'Custom Liquid' section it works but I'm not able to add the text to the same section as in the 'Image with text' section.

 

And I can't place the whole code from 'Image with text' section to 'Custom Liquid' section.