Product Data Tabs Widget

Use Product Data Tabs Widget to add WooCommerce Product Data Tabs to a product.

Content

Tabs

Tabs: Add ‘Description’, ‘Additional’ and ‘Reviews’ tabs from the dropdown in a needed order.

List Type: Choose between Horizontal and Vertical Tabs’ position.

For Horizontal List Type choose the Mode between Inline and Justify.

For Vertical List Type set the List Width for desktop, tablet and mobile.

Alignment: Choose Tabs’ alignment between Right, Center and Left.

List Position: Choose between Start and End positions.

Title HTML Tag: Set the Title’s tag to H1-H6, Div or Span.

Active Tab: Set the tab that should be opened by default.

Responsive

Responsive view: Choose when a responsive view should be activated. The choice is between ‘On Tablet’ and ‘On Mobile’ or you can disable responsive view at all.

Accordion Type: Choose between Accordion and Toggle types.

Accordion Icon

Enable Icon: Slide to YES to enable icon and choose desired icons for Normal and Active modes.

Icon Position: Choose between Left and Right Icon position.

Widget Lazy Load

lazy-load

Enable Widget Lazy Load: Slide to YES to enable widget lazy load. Enabling the setting will delay the website widget loading until it comes into visitor’s view to improve page load time.

You can choose the settings you want in the widget’s Style tab, or set the Preloader view globally in the Site Settings  to apply to all widgets with lazy loading enabled.

Style

Tabs List

Gap: Set a gap between Tabs List and content for desktop, tablet and mobile.

Background Color: Choose a Background color from a color palette or dynamic tags.

Border Type: Choose a Border Type from the dropdown and set it.

Border Radius: Set Border Radius to the Tabs List field.

Box Shadow: Choose desired settings from the dropdown.

List Item

Gap: Set a gap between Tabs for desktop, tablet and mobile.

Typography: Set a Typography using settings from the dropdown.

Color: Choose a Color from a color palette or dynamic tags. (for Normal, Hover and Active modes)

Background Type: Choose a Background type and set it (for Normal, Hover and Active modes)

Padding: Set padding for desktop, tablet and mobile.

Gap: Set a gap for desktop, tablet and mobile.

Text Shadow: Choose desired settings from the dropdown.

Box Shadow: Choose desired settings from the dropdown.

Border Type: Choose a Border Type from the dropdown and set it.

Border Radius: Set Border Radius to the List items.

Content Wrapper

Typography: Set a Typography using settings from the dropdown.

Background Color: Choose a Background color from a color palette or dynamic tags.

Border Type: Choose a Border Type from the dropdown and set it.

Border Radius: Set Border Radius to the List items.

Padding: Set padding for desktop, tablet and mobile.

Box Shadow: Choose desired settings from the dropdown.

Disable Content Heading: Slide to YES to disable content heading.

When Content Heading is enabled you can set its Typography and Color.

Pointer Animation

Hover effect: Choose Hover effect from the dropdown.

Animation: Choose Animation from the dropdown.

Line size: Set a Line size here.

Use Gradient: Slide to YES to enable gradient and set it.

Color: Choose a Pointer color from a color palette or dynamic tags.

Transition duration: Set the amount of time to transition from one filter setting to the other when hovering over the Tab.

Widget Lazy Load Preloader Type Icon

lazy-load-preloader

Icon

Icon Source: Choose default or custom icon.

Icon Size: Set the icon size for widescreen, desktop, tablet portrait and mobile portrait modes.

Icon Color: Choose the icon color.

Icon Animation Speed (ms): Set the icon animation speed in milliseconds. 

Container

Height: Set the container height for widescreen, desktop, tablet portrait and mobile portrait modes.

Background Type: Choose the container background type between Classic and Gradient and set it.

Overlay Background Type: Choose the container overlay background type between Classic and Gradient and set it.

Border Type: Choose the border type from the dropdown.

Border Radius: Set a desired border radius.

Box Shadow: Choose desired settings from the dropdown.

Widget Lazy Load Preloader Type Grid

lazy-load-grid
lazy-load-grid-2

Grid 

Count: Choose the number of icons that should be displayed.

Columns: Add the number of columns the icons should be shown for widescreen, desktop, tablet portrait and mobile portrait modes.

Height: Set the height for widescreen, desktop, tablet portrait and mobile portrait modes.

Horizontal gap: Choose Horizontal gap between elements for widescreen, desktop, tablet portrait and mobile portrait modes.

Vertical gap: Set Vertical gap between elements for widescreen, desktop, tablet portrait and mobile portrait modes.

Container padding: Add Container paddings for widescreen, desktop, tablet portrait and mobile portrait modes.

Icon: Choose the icon from Icon library or upload desired SVG.

Icon size: Set the icon size for widescreen, desktop, tablet portrait and mobile portrait modes.

Icon Color: Choose the icon color.

Icon Animation Type: Choose between none, Blink and Spin types.

Icon Animation Speed (ms): Set the icon animation speed in milliseconds. 

Background Type: Choose the background type between Classic and Gradient and set it.

Border Type: Choose the border type from the dropdown.

Border Radius: Set a desired border radius.

Box Shadow: Choose desired settings from the dropdown.

Container

Background Type: Choose the container  background type between Classic and Gradient and set it.

Overlay Background Type: Choose the container overlay background type between Classic and Gradient and set it.

Border Type: Choose the border type from the dropdown.

Border Radius: Set a desired border radius.

Box Shadow: Choose desired settings from the dropdown.

Advanced

Set the Advanced options that are applicable to this widget