Increase the number of thumbnail images in a product page

Hello, How can I increase the number of thumbnail images to display on the product page?

At the moment there are only 3 to visualize, I want them to be smaller and show more for example 6.

I am doing the development in a local environment, could you help me with guidelines.

I managed to make the images smaller (now it reaches 6), but from the fourth image it has a scrolling effect that it shouldn’t have, how could I eliminate it?

Thanks

Hello,

Thank you very much for choosing our theme and for contacting us.

You can reduce the image size thumbnails in the Theme Settings > Single Product > Images.

If you have any questions please feel free to contact us.

Best Regards

Hello, thanks for you response.

I changed the size mage thumbnails in Theme Settings > Single Product > but there were no results.

I changed the CSS, so that they reach 6, but when I add more than 3 the navigation buttons of the images in the gallery already appear, it should appear when they are more than 6, do you know in which part of the code I can change this parameter?

Thanks

Hello,

Please add this code to the functions.php of the child theme:

add_filter(
	'woodmart_product_gallery_settings',
	function() {
		return array(
			'images_slider' => woodmart_is_main_product_images_carousel(),
			'thumbs_slider' => array(
				'enabled'  => woodmart_is_product_thumb_enabled(),
				'position' => woodmart_get_opt( 'thums_position' ),
				'items'    => array(
					'desktop'          => 6,
					'tablet_landscape' => 3,
					'tablet'           => 4,
					'mobile'           => 3,
					'vertical_items'   => 3,
				),
			),
		);
	}
);

If you have any questions please feel free to contact us.

Best Regards

[Author]

Posts