The example is kind of want we want however all the images need to be underneath each other. i.e. one watch image underneath the other (not 2 next to each other).
I have been able to do it by creating a new template and assigning that template (tag) to that product, but will need to create a template for each new product which is not ideal. See example below:
While authors can't provide any files customization according to Item Support Policy, if you really have to do them, please do them in child theme. If you will do any changes in parent theme files, you will lose them with next update.
Comments
Hi,
do you mean like here https://themes.muffingroup.com/betheme-store/product/besmartwatch/?mfn-demo-product-gallery=mfn-gallery-grid&mfn-demo-product-gallery-overlay=overlay ?
Hi Albert
Thank you for getting back to me.
The example is kind of want we want however all the images need to be underneath each other. i.e. one watch image underneath the other (not 2 next to each other).
Then we don't have this type of gallery for single products yet. But thanks for suggestion, we will consider this in future updates.
I have been able to do it by creating a new template and assigning that template (tag) to that product, but will need to create a template for each new product which is not ideal. See example below:
https://www.sherte.com/tshirts/apfel-rabbit (default - images as thumbnails)
https://www.sherte.com/tshirts/apfel-rabbit-2/ (template - images below one another)
Could something like the script below work if I update the functions.php file or is there possibly some CCS script that I could insert?
add_action('woocommerce_shop_loop_item_title','wps_add_extra_product_thumbs', 5); function wps_add_extra_product_thumbs() { if (is_product()) { global $product; $attachment_ids = $product->get_gallery_image_ids(); echo '<div class="product-thumbs">'; foreach( array_slice( $attachment_ids, 0,3 ) as $attachment_id ) { $thumbnail_url = wp_get_attachment_image_src( $attachment_id, 'full' )[0]; echo '<img class="thumb" src="' . $thumbnail_url . '">'; } echo '</div>'; } }While authors can't provide any files customization according to Item Support Policy, if you really have to do them, please do them in child theme. If you will do any changes in parent theme files, you will lose them with next update.
Hi Albert, thank you for your feedback. Where do I find the "child theme"?
You can download it from Themeforest along with whole package. Inside, you will find betheme-child.zip Further details about child theme you will find on https://developer.wordpress.org/themes/advanced-topics/child-themes/
Nevertheless, if you don't know child theme, I strongly recommend to hire web developer.