Solved

How can I code different images for each row in a three image grid?

berlinbe
Visitor
2 1 0

Hello,

 

I want to feature on a special page around 40 catalogues of mine. I figured how to create a special template and add the following code where I can show the images in a grid with text below them. 

 

{% section 'section-columns' %}
{% section 'section-columns' %}

{% section 'section-columns' %}

 

However, When I add images to the first row, they are automatically copied for the second and third as you see attached. This means, I can only use three images. What needs to be done or coded so that I can add different images? It seems to me I need to add something to the code so that it presents itself as a new section for every new row.

 

THANKS for your help!

 

Steve 

 

Screenshot 2022-03-12 at 19.43.04.png

Accepted Solutions (2)

AvadaCommerce
Shopify Partner
3879 839 965

This is an accepted solution.

Hi @berlinbe ,

 

You can follow the instruction below:

1. Go to Online Store->Theme->Edit code
2. section->/Add section "section-columns1.liquid" and "section-columns2.liquid".

3. Then, you can copy code from "section-columns.liquid" to the 2 files just created.

4. Then, Change file name:

{% section 'section-columns' %}
{% section 'section-columns1' %}
{% section 'section-columns2' %}

 

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

banned

View solution in original post

berlinbe
Visitor
2 1 0

This is an accepted solution.

SUPER SUPER THANKS!

It works 🙂

View solution in original post

Replies 2 (2)

AvadaCommerce
Shopify Partner
3879 839 965

This is an accepted solution.

Hi @berlinbe ,

 

You can follow the instruction below:

1. Go to Online Store->Theme->Edit code
2. section->/Add section "section-columns1.liquid" and "section-columns2.liquid".

3. Then, you can copy code from "section-columns.liquid" to the 2 files just created.

4. Then, Change file name:

{% section 'section-columns' %}
{% section 'section-columns1' %}
{% section 'section-columns2' %}

 

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

banned
berlinbe
Visitor
2 1 0

This is an accepted solution.

SUPER SUPER THANKS!

It works 🙂