How to achieve this gallery for Woo Commerce?

[Saint Gabriel]

Hi guys, we want to achieve this gallery for a tour website, We're using FooEvents for Woocomerce plugin.

Does anyone who has an idea on how to achieve this gallery below? PS. we got it from Voxel theme but they don't support woocommerce and we need it to display on individual woocommerce product pages dynamically.

Either with a custom code or what not, Please tell me.

Thanks.

 

[xsz]

You could use ACF to create a new gallery field inside each product. Then you add that field to the product template and it will dynamically pull the data from the field. To achieve that look just use css grid.

ACF | Gallery

Description The Gallery field provides an interactive interface for managing a collection of attachments. Screenshots The Gallery field interface The

www.advancedcustomfields.com

 

[Saint Gabriel]

You could use ACF to create a new gallery field inside each product. Then you add that field to the product template and it will dynamically pull the data from the field. To achieve that look just use css grid.

ACF | Gallery

Description The Gallery field provides an interactive interface for managing a collection of attachments. Screenshots The Gallery field interface The

www.advancedcustomfields.com

Please can you help with the CSS grid?

 

[xsz]

Please can you help with the CSS grid?

If you, for example, use the "Display list of images with custom HTML" code you can set the ul as a grid. You can then specify the sizes of each grid element. Check out this tutorial: