Adding Image with Text section to a page (in a template I bought)

Store Design
1

Hi,

I hope to have an image with text on a page of my website.

I don’t have a section “image with text”

How can I do it?

Thank you

2

you should contact the theme developer to help because without seeing the css it’s impossible to help you but you need your own section something like card-section. liquid

 

{% schema %}
  {
    "name": "jumbo",
    "settings": [
    {
      "type": "image_picker",
      "id": "image",
      "label": "background title"
    },
{
        "type": "richtext",
        "id": "description",
         "default": "

 example of Paragraph

",
       "label": "heading description"
      }
]
}
{% endschema %}
3

Hi @johnmedalian

You can do this with shopify liquid code.
If your are not familiar then you Hire any shopify theme developer or you can contact with your theme developer.

4

Thank you @amorlett .

I have experience with coding, not familiar with liquid.

I copied-pasted your code into a new section, but I don’t see it after while pressing “add section” in the customization mode, I don’t see the new section I added.

what is the reason for that?

Thanks,

John

5

Hi @johnmedalian

  1. Create a template for page. In edit code > template.
  2. Then create a new section and copy images with text section code in that section.
  3. call new section in page template.
6

Hi @Dbuglabpvtltd

Thank you for the advice but after doing the 3 steps I don’t see any change.

Thanks,

Ben

7

hi @johnmedalian

can you please share screenshots what you have done yet ?

8

Hi @johnmedalian

Then have to check your code.

9

@Dbuglabpvtltd

section:

johnmedalian_0-1641564021734.png
johnmedalian_0-1641564021734.png1692×798 105 KB

template:

johnmedalian_1-1641564066409.png
johnmedalian_1-1641564066409.png1084×386 41.2 KB

thanks,

John

10

Hi @johnmedalian
in template add this

{% section ‘SECTIONNAMEHERE’ %}

11

@johnmedalian I would say make sure you save your theme! Click on the theme then click on actions and click duplicate.

the way I wrote it should work but you will need CSS to style it (make it look good) I just wrote it and hope you would know some CSS.. The reason it’s not working is that you most likely picked the wrong liquid file. for products, it really depends on what the theme is pointing to.

The best way to know is when you click on the theme then click on customize, and on the drop-down in the middle where the default is Home page click on that and you will see Products, collections, etc.. find the page you are looking for if its the product page its possible you have many different products.liquid files named different things