Site logo

Archived topic

Single product gallery number of images in a row

6 replies · Started by Shakespeare on November 15, 2017

Viewing posts 1–7 of 7

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

https://prnt.sc/haqdp2

Thanks =)

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.

Thanks!

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

Shakes

Have you tried both of our suggestions?

If so that's not working?

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

Glad you found it useful !

This archived topic is closed to new replies.