Kadence Iconic Woothumbs
Optimizing your product image galleries helps you catch your store visitors’ attention and showcase your items from every angle. Setting up an advanced media layout allows you to embed product videos, enable smooth zoom effects, and assign unique image sets to specific item variations. When you display clean and responsive media galleries, you give your buyers a clear look at your products, answer their visual questions upfront, and increase overall sales.
This collection provides step-by-step guides to help you install, configure, and customize the WooThumbs for WooCommerce plugin. You will learn how to change gallery layout styles, adjust image navigation setups, connect videos from external platforms, and fix common theme layout conflicts on your product pages. Use these resources to build a highly interactive shopping experience that displays your product media perfectly on all devices.
Kadence Iconic Woothumbs articles
Explore the following guides to learn how to install, configure, and troubleshoot custom product galleries and video feeds on your site.
Available Shortcodes
Read more: Available ShortcodesCurrently, WooThumbs has 1 shortcode woothumbs-gallery. This shortcode will display the gallery of a product. It can be used like so: [woothumbs-gallery id=”99″] where 99 is the ID of your product. If you omit the id parameter, it will attempt to inherit the ID of the current product. If you use this for variable products and require that…
Change The Look Of Inactive Thumbnails
Read more: Change The Look Of Inactive ThumbnailsBy default, WooThumbs sets inactive thumbnails to 20% opacity. It’s quite easy to change the look of these with some basic CSS. Take a look at the examples below: 50% Opacity 100% Opacity Was this article helpful? Yes No Thank you for your input. Thank you for your feedback.
Disable The Thumbnail Play Icon
Read more: Disable The Thumbnail Play IconIf you want to disable the thumbnail ‘play’ icon for media embeds, you can add the following snippet to your child theme’s functions.php file: You can use the iconic_woothumbs_before_thumbnail hook to insert your own icon, if you wish. Was this article helpful? Yes No Thank you for your input. Thank you for your feedback.
Featured Image Is Displayed Twice In The Kallyas Theme
Read more: Featured Image Is Displayed Twice In The Kallyas ThemeBy default, the Kallyas theme adds the featured image to the end of the gallery. So when using WooThumbs, it shows up twice. To prevent this, you can add the following function to your child theme’s functions.php file. Once added, you may need to clear the image cache under WooCommerce > WooThumbs > Clear Image…
Frequently Asked Questions
Read more: Frequently Asked QuestionsHave any questions about WooThumbs for WooCommerce? We’ve put the most common ones together below: Is the plugin compatible with WPML? All Iconic plugins are compatible with WPML (WordPress Multilingual Plugin), this includes WooThumbs for WooCommerce. Will WooThumbs work with my theme? Yes. WooThumbs uses hooks that are put in place by WooCommerce to ensure…
How to Add a Product Gallery to a Page or Post Using the Gutenberg Block
Read more: How to Add a Product Gallery to a Page or Post Using the Gutenberg BlockIf you want to showcase one of your products on a page or post on your WordPress site, you can use WooThumbs for WooCommerce’s Gutenberg block. Note: You must use the Gutenberg editor rather than the classic one for this to work. This guide will walk you through how to add and customize it. So…
How to Add Images for Single Attributes
Read more: How to Add Images for Single AttributesBy assigning images to single attributes, customers will be able to see product images based on the individual attributes they’ve selected. For example, the product image will change on the selection of ‘color’ without requiring ‘size’ to be selected as well. This guide will walk you through how to set these images up using WooThumbs…
How to Add Media/Video to Your WooCommerce Product Gallery
Read more: How to Add Media/Video to Your WooCommerce Product GalleryWith WooThumbs you can embed media directly into the product gallery. This will then be played within the gallery itself. With WooThumbs, you can add: Let’s take a look at all three of them one-by-one. Visual learner? Watch our video tutorial: oEmbed Based Media There are a number of oEmbed-based media sites that you can…