ProductX

  1. Home
  2. Docs
  3. ProductX
  4. Builder Blocks
  5. Product Tab Block

Product Tab Block

***ProductX is becoming WowStore. If you see the new working interface of WowStore, then you can follow along – the working process for product blocks, starter templates, and features all work the same way as it did for ProductX. So, if you’re working with WowStore, you can follow the doc and use the instructions. Essentially, there’s no difference between WowStore and ProductX when it comes to using the product in general.

The product tab block dynamically controls product tabs’ position, size, and typography.

Let’s see what customization settings it offers.

Navigation Style

You can align the tabs to the left, center, or right, depending on your design preferences. Also, you’ll get the typography, color, hover color, background, hover background, border, border radius, and padding settings for the tab.

Product Tab Block Navigation Style Settings

Tab Style

In the tab style setting, you can modify the tab border, tab radius, and tab padding.

Product Tab Block Tab Style

Description Tab

You can enable/disable the description tab and modify its alignment, color, and typography.

Product Tab Block Description Tab

Additional Information Tab

You can enable/disable the additional information tab and modify its table padding and heading color. You can change typography, color, and background color in the additional label. Make the same changes in typography, color, and background color in the additional value.

Product Tab Block Additional Information Tab

Review

You can enable/disable the review tab and modify its heading color. In the review style, you can change color, star color, empty color, author typography, date typography, description typography, and author size. 

In the review form label, you can change the color, required color, and typography.

Product Tab Block Review Settings

In the review form input, you can change the input color, input border color, input focus color, input typography, space, input radius, and input padding.

In the button style, you can change typography, color, background color, border, border radius, box shadow, padding, and spacing.

In the hover style, you can change the hover color, hover background color, hover border, hover radius, and hover box shadow.

Was this article helpful to you? Yes No