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?
<div class="4">Each picture content</div>