How to Use WooThumbs With Visual Composer

If you’re using the WordPress page builder Visual Composer, you can add WooThumbs to your store easily using the Text Block element. In this guide, we’ll show you how.

To a WooThumbs gallery into your Visual Composer layout take the following steps:

  1. When editing your product page, click the Visual Composer button under the product name.
visual composer button
  1. Select a Text Block element on the left-hand side of your screen. If you can’t find it, type ‘text block’ into the search bar.
text block element
  1. Then, enter the [woothumbs-gallery] shortcode into the content area of the Text Block element. By default, this shortcode will display the gallery for the current page. If you want to specify a specific product, use [woothumbs-gallery id="42"], where id is the ID of your product.
add shortcode
  1. Click the update tick icon on the bottom left and the WooThumbs gallery will be added to your product page.
update tick

You can use this same technique on any page in your site, just make sure to add the product ID to make sure the right gallery shows.

Are you using WooThumbs for WooCommerce yet?

Start your 14-day free trial right now and get instant access to the features described in this article.

or learn more

Was this helpful?

Please let us know if this article was useful. It is the best way to ensure our documentation is as helpful as possible.

WooThumbs for WooCommerce

WooThumbs for WooCommerce

Not got the plugin yet? Get instant access right now, free for 14 days.

or learn more

Still need help?

If you haven't found what you're looking for in our documentation, please contact support.

Get Support