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

Store Design
1

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
Screenshot 2022-03-12 at 19.43.04.png2680×2430 682 KB

2

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.

1 Like
3

SUPER SUPER THANKS!

It works :slightly_smiling_face: