Why does my picture disappear from the 'about us' page sections?

Solved

Why does my picture disappear from the 'about us' page sections?

Artisan-Spirits
Tourist
4 0 1

Hello

Wanted the ability to add sections to a created page, in this case, my "about us" page. So using the command 

{% section ' ' %} i did. 

Since the page contains duplicate sections and Shopify treats these as one section, individual changes were not possible. So i created new sections resembling the sections i needed and just stored them under a slightly different name: 

 

{% section 'text--rich-text' %}
{% section 'image--image-with-text-1' %}
{% section 'image--image-with-text-2' %}
{% section 'image--image-with-text-3' %}
{% section 'text--rich-text-1' %}
{% section 'image--logo-list' %}
{% section 'text--rich-text-2' %}
{% section 'video--video-hero' %}

 

Now the issue is that when I add a picture to the section "image with text" and save the changes, it disappears after a few seconds. I believe that the issue lies in the way I created the "about us" template.

 

Can anyone help?  

Accepted Solution (1)
LitExtension
Shopify Partner
4915 1005 1183

This is an accepted solution.

Hi @Artisan-Spirits,

You can follow these steps:

- Step 1: Create a file section named 'image-image-with-text-1.liquid' and copy the entire code of the file 'image-with-text.liquid' and paste it for the newly created file.

- Step 2: You can paste the code for the newly created 'about us' template:

{% section 'image-image-with-text-1' %}

Note that the file is only declared for 'about us' template. If you declare the same for another template, the data may be changed when changing in the new template.

- Step 3: Go to Customize and upload an image for it.

You do the same for other sections.

Hope it helps!

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
Contact us:
- Email: contact@litextension.com

View solution in original post

Replies 4 (4)

LitExtension
Shopify Partner
4915 1005 1183

Hi @Artisan-Spirits,

You can try renaming the section 'image--image-with-text-1' => 'image-image-with-text-1'  remove '-'

The file names are unique and you need to move the whole code.

Hope it helps!

 

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
Contact us:
- Email: contact@litextension.com
Artisan-Spirits
Tourist
4 0 1

What do you mean by moving the whole code? When I created the sections "image-with-text-1&2&3" I used the code from the already existing section, and just renamed them. Is that correct? 

 

i tried removing the '-' but the issue still appears. 

any suggestions? 

LitExtension
Shopify Partner
4915 1005 1183

This is an accepted solution.

Hi @Artisan-Spirits,

You can follow these steps:

- Step 1: Create a file section named 'image-image-with-text-1.liquid' and copy the entire code of the file 'image-with-text.liquid' and paste it for the newly created file.

- Step 2: You can paste the code for the newly created 'about us' template:

{% section 'image-image-with-text-1' %}

Note that the file is only declared for 'about us' template. If you declare the same for another template, the data may be changed when changing in the new template.

- Step 3: Go to Customize and upload an image for it.

You do the same for other sections.

Hope it helps!

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify
Contact us:
- Email: contact@litextension.com
Artisan-Spirits
Tourist
4 0 1

Hi @LitExtension 

I fixed the issue. 

For some reason including the original section "image--image-with-text" and then the renamed sections "image--image-with-text-2 & 3" solved the issue. 

 

Thx for the help.