The Product 2 Layouts is similar in some ways to Product 1, but has some more unconventional design choices. As can be seen in the preview image, the top Container is visually aligned to the left, and the third Container down, with the Gallery Element is aligned to the right. There’s some interesting things happening in this design.
The top Container is set to 100% width, with the first 2/5ths Column pulling the Featured image into the background dynamically. The right Column however is only 1/2, and so visually, the Container is weighted to the left.
There’s also something interesting going on in the second Container. Content wise, it’s just a Title Element and the Content Element on the left, and the Woo Additional Information Element and some Nested Columns on the right. But the background of the Container has a gradient, which is cut off by a Section Separator added to the bottom of the Column. That’s an interesting combination.
Under this is the Gallery Element set up to dynamically pull Product images, in a 4/5ths Column, which is justified to the right in the holding Container. The fifth Container is just three normal Columns with Icons, Titles and Text Blocks.
The sixth Container and seventh Containers are relatively straight forward, set up to display the Woo Related Products, and the Woo ratings and Woo Reviews. There is also a clever gradient on the last Container. All in all, a striking, if slightly unconventional product layout.