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

[JacobKud]

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

[Litos]

Hi @JacobKud,

Please change code here:

Code:

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

Hope it helps!

[JacobKud]

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.

Is there anything I did wrong? 

Thank you

[Litos]

Hi @JacobKud,

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

[JacobKud]

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]

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?

[JacobKud]

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.