Because the old topic close because I was too late here is a part 2 of the topic.
Hello @Dagaloni,
Thank you for the inquiry.
As suggested in the previous thread, you can create the same layout using Columns. Place the Product Gallery and Handige Informatie section in the first column, stacked vertically, and the rest of the product content in the second column. You don’t really need to use Masonry to achieve this layout. If you really need to use Masonry, you can define the max-height property on the Div containing the Product Gallery to prevent it from expanding more than it should. Let us know the result.
Best regards.
Hi @Ismael, thank you I will try that. However, I provided the acces so you can check why masonry isn’t working. Ruenel claims he can make it work.
In the previous thread, it was assumed that the script errors were causing the issue, but based on what we can see now, it’s actually the expansion of the Product Gallery that’s affecting the position calculation of the Masonry element. That’s why applying a maximum height to the Div containing the Gallery resolves the issue. Unfortunately, we are not yet sure why the Product Gallery element expands on initial load.
Excellent, thank you for the response. If you need any information about my setup to solve why the image product gallery increases in height, please let me know.
Hey @Dagaloni,
The password does not work for me.
I have checked the Masonry and it seems that it is working for me using the private browsing mode. See the video below.
https://www.youtube.com/watch?v=P8w1O0ktbqI
Cheers.