I got a little tricky question that I would love for someone to give me some insight on. I need to add a custom element (a div) between product images 2 and 3 in the variant image loop inside Dawn 4 theme. This is where I want to place a custom block for the product description. I then need to tag images 1 and 2 with a CSS for reverse order (I want to display image 2 before image 1. Then order 3 for description and a numeric order of the rest of the variant images from there.
Why? I want a theme where the main product image is 50% in width (as well as the 2nd image) then display the rest of the images full size. But I need the main variant image to be displayed as the 2nd image because it gives a better UX as it’s closer to the variant selection that is in the right column of the product detail page.
