[Support request] Single product gallery number of images in a row

[Shakespeare]

Hi! How do i make 5 thumbnails in a row in a single product page?

https://prnt.sc/haqdp2

Thanks =)

[Leo]

Hi there,

That’s actually from WooCommerce, not GP.

I would try asking their support first and they should have a filter for you to use.

[David]

This article may be of assistance:

https://businessbloomer.com/woocommerce-change-no-thumbnails-per-row-product-gallery/

[Shakespeare]

Thanks!

Still trying to figure this out. Hopefully there are some more ideas.

Shakes

[Leo]

Have you tried both of our suggestions?

If so that’s not working?

[Greg]

Found this thread as I was searching for the same thing, just adding this as a code snippet from the link provided by David did the trick for me – no GP specific CSS needed.

/**
 * @snippet       Change No. of Thumbnails per Row @ Product Gallery | WooCommerce
 * @how-to        Get CustomizeWoo.com FREE
 * @sourcecode    https://businessbloomer.com/?p=67117
 * @author        Rodolfo Melogli
 * @testedwith    WooCommerce 3.0.5
 */
 
add_filter( 'woocommerce_single_product_image_gallery_classes', 'bbloomer_5_columns_product_gallery' );
 
function bbloomer_5_columns_product_gallery( $wrapper_classes ) {
$columns = 5; // change this to 2, 3, 5, etc. Default is 4.
$wrapper_classes[2] = 'woocommerce-product-gallery--columns-' . absint( $columns );
return $wrapper_classes;
}

Thanks
Greg

[David]

Glad you found it useful !

[Author]

Posts