"Div count" for formatting in theme file

Andidhouse
New Member
2 0 0

Hey there,

we are working on a shopify theme (product page) and wonder if the following is possible:

By default the product div is shown with a div class "6" for each pic (the class renders the elements in a row - in this case "6" means two pics in a 12 grid):

<div class="6">Each picture content</div>

We now want to have the first row of the product pictures 2 elements (class "6" stays) - but the next elements should have a different class (class "4") so there are 3 elements in one row.

Is this somehow possible without big scripts or performance loss?

Many thanks!

 

<div class="6">Each picture content</div>

<div class="6">Each picture content</div>

<div class="4">Each picture content</div>

<div class="4">Each picture content</div>

<div class="4">Each picture content</div>

0 Likes