Hi,
Thank you for reaching out.
From what I can see on your site, your theme does not behave like a standard WooCommerce theme. The thumbnail sizes in the product gallery are unusually large, which is most likely caused by a theme setting. I also noticed that you seem to be using custom CSS to reduce the thumbnail sizes.
Because of this, the video icon is not visible inside the gallery thumbnail, even though the video itself is present and works correctly when navigating with the arrows.
In this case, the best solution I can offer is to add the following custom CSS, which will fix the size of the video thumbnail and make it visible in the gallery:
.vwg-video-wrapper {
width: 40px;
}
@media (min-width: 993px) {
.vwg-video-wrapper {
width: 60px;
}
}
Please add this CSS and let me know if the issue is resolved or if you need further adjustments.
Looking forward to your feedback.
CSS implemented, it doesn’t show the icon still but it DID show it for a brief second on page load
Hello,
thank you for the detailed feedback.
The reason the video icon appears briefly and then disappears is that the theme dynamically recalculates the gallery thumbnails using JavaScript and overrides the CSS after page load. Because of this, the custom CSS alone is not sufficient.
Please remove the custom CSS I previously sent you.
Instead, add the following code to your theme’s functions.php file (preferably in a child theme). This solution works only on single product pages and does not affect the rest of the site.
add_action('wp_footer', function () {
if ( ! is_product() ) {
return;
}
?>
<script>
jQuery(document).ready(function ($) {
setInterval(function () {
$('.vwg-video-wrapper').each(function () {
if ($(window).width() >= 993) {
$(this).css('width', '60px');
} else {
$(this).css('width', '40px');
}
});
}, 300);
});
</script>
<?php
});
Please test this and let me know if everything works as expected.
Removed CSS, added new code to child theme and thumbnails work as expected.
Thank you!
That’s great to hear, I’m really glad everything is working as expected now 😊
Thank you for confirming.
