Edit: I managed to get it working the way I want on the general shop page. However, I still have the problem on my custom archive pages. For context:
https://wonderlandfabrics.co.za/shop – On this page The product gallery tiles behave exactly how I want them to.
https://wonderlandfabrics.co.za/towels – On this page, clicking one of the product gallery tiles that come up on hover opens the image in full size, covering the page. The products here are displayed in an Elementor block with the shortcode: [products columns=”4″ category=”cat-towels” orderby=”id”]. It is done the same way on a handful of other pages.
Now I need help to get the second page (…/towels) to behave the same way as the first (…/shop).
Any help would be appreciated