How to set up and style the Woo Product Tabs widget in Elementor.
Woo Product Tabs puts several product sets behind tabs, for example New Arrivals, Best Sellers and On Sale. The first tab is printed with the page and the others load when a visitor clicks them, without a page reload. Use it to show several product collections in the space of one grid.
Part of: Bright Addons Pro. Before you start: WooCommerce must be installed and active, with at least one published product.
| Option | What it does |
|---|---|
| Title | Name of the tab, set for each tab in the list. A tab without a title is not shown. |
| Icon | Optional icon in front of the tab title. |
| Show | Product set of the tab: Latest Products, Featured Products, On Sale, Best Selling or Top Rated. |
| Only From Categories | Limits the tab to chosen categories. Leave empty for all categories. |
| Tab Style | Pills, Underline or Plain Text. |
| Option | What it does |
|---|---|
| Products per Tab | How many products each tab shows, from 1 to 48. |
| Columns | Columns per device, from 1 to 8. |
| Column Gap | Space between columns. Row Gap sets the space between rows. |
| Hide Out of Stock Products | Leaves out products that are out of stock. |
| Option | What it does |
|---|---|
| Card Style | Classic (button below), Hover (button slides over the image), Minimal (no box) or Side (image left). |
| Image Shape | Image ratio: 1:1, 4:5, 3:4, 2:3, 4:3, 3:2 or Original. |
| Image on Hover | Nothing, Zoom, or Show the Second Gallery Image. |
| Sale Badge | Marks products on sale. In Sale Text, {percent} becomes the discount. |
| New Badge | Marks products added within the days set in New for (days). |
| Star Rating | Shows the average rating as stars. |
| Option | What it does |
|---|---|
| Add to Cart Button | Shows or hides the button. |
| Button Shows | Icon and Text, Text Only or Icon Only. |
| Add Without Reloading the Page | Adds the product in the background. |
| After Adding | The button becomes a View cart link or goes back to Add to cart. |
| Quick View | Adds a button on the image that opens the product in a popup. |
One license gives you every Pro widget, all 10 extensions, the Theme Builder and priority support. From $18 a year, with a 14-day money-back guarantee.
These sections are in the Style tab.
Alignment, Space Below, Space Between, Icon Size, typography, Normal, Hover and Active colors, border, border radius and padding.
background, border, shadow and radius with hover versions, Hover Lift (px), Content Padding and Text Alignment.
background, inner and outer space, border radius, hover zoom and CSS filters.
typography, a text and background color per badge, padding, radius and distance from the corner.
typography and colors for each text.
star size and colors, price typography and color, old price color and size.
Full Width, Space Above, typography, colors, border, radius and padding for normal and hover.
button and icon size, and colors for normal and hover.
width, background, page shade, radius, padding, text colors and the button inside the popup.
Yes. Choose the category under Only From Categories in that tab. The product set under Show then applies inside that category.
No. The products of a tab load in the background when it is clicked.
No. A tab uses one of the five product sets, optionally limited to categories. For a hand-picked selection use Woo Product Grid or Woo Product Carousel.
Check the troubleshooting guide, or contact support with the page address and what you expected to happen.
Troubleshooting guide