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

[berlinbe]

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 

[AvadaCommerce · 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.

[AvadaCommerce · 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.

[berlinbe · Accepted solution]

SUPER SUPER THANKS!

It works 🙂