Help Docs Software Kadence Kadence Shop-kit Woo Template Block – Product: Tabs

Woo Template Block – Product: Tabs

Woo Templates provide the Product: Tabs block that lets you set the position of your product tabs.

Product Tabs
Product Tabs

Shop Kit lets you enable and add global tabs to your products. You can create tabs with additional information as you need. Using the Product: Tabs block, you can place the tabs in the location of your choice. The block is under the Woo Template Blocks section of your block inserter.

Product Tabs block
Product Tabs block

Block Settings

Product Tabs block settings
Product Tabs block settings

The block provides several types of settings. After inserting a Product: Tabs block, you can style the contents and disable tabs if you want.

General Settings

General settings let you remove the headings from the tabs, change the tabs to an accordion style, and the alignment of the tags.

General Settings for Product Tabs
General Settings for Product Tabs

Enabled Tabs

The Enabled Tabs section lets you disable tabs and change the priority (order) of the tabs. Each tab has a checkbox to disable the tab, and a slider to determine the priority.

Enabled Tabs Settings
Enabled Tabs Settings

Tab Title Styles

You can style the tabs in many ways. The options include text, background, border colors, sizes, and weights. There are also padding and margin options that let you design the tabs in depth.

Tab Title Settings for Product Tabs block
Tab Title Settings for Product Tabs block

Tab Content Styles

In addition to the tab titles, you can style the tab content. There are settings for the background and border colors, as well as margin and padding options.

Tab Content Styles
Tab Content Styles

Additional Information Styles

The Additional Information tab is a standard WooCommerce tab. The Product: Tabs block has settings for styling the standard tab. Styles let you change the background color, typography, font, and more.

Product Tabs - Additional Information Styles
Product Tabs – Additional Information Styles

Container Spacing Settings

Another section is for Container Spacing Settings. These spacing settings adjust the padding and margin of the Product: Tabs block.

Product Tabs - Container Spacing Settings
Product Tabs – Container Spacing Settings
Was this article helpful?