Holiday Deals are Here!

UP TO

35%

Discounts

Ending in:

Get Yours Now!
wpmet-website-logo
  • Home
  • Plugins
    • ElementsKit
    • ShopEngine
    • GetGenie AI
    • MetForm
    • WP Social
    • WP Fundraising
    • Wp Ultimate Review
  • About
  • Blog
  • Support
  • Contact
  • My Account
wordpress plugin
Popular Search headermenumegafootermetform

Getting Started with ShopEngine

  • Getting Started
  • Enable All Widgets
  • Enable All Module
  • Getting started with ShopEngine RTL support
  • Guideline to Increase Your Server Performance by ShopEngine

ShopEngine Templates

  • Shop Page
  • Create Cart Page
  • Create Single Product Page
  • My Account Page
  • Create Checkout Page
  • Archive Page
  • Create Order/Thank You Page
  • Checkout Form – Billing
  • Order Thank You
  • Quick Checkout Template
  • Create Conditional Template
  • Empty Cart Template

ShopEngine Account Settings

  • My Account Page
  • Account Address
  • Account Dashboard
  • Account Navigation
  • Account Details
  • Account Order Details
  • Account Logout
  • Account Downloads
  • Account Form – Login
  • Account Form – Register

ShopEngine Modules

  • Quick View
  • Partial Payment
  • Flash Sale Countdown
  • Variation Swatches
  • Back-Order
  • Currency Switcher
  • Quick Checkout
  • Badges
  • Wishlist
  • Sales Notification
  • Preorder Module
  • Checkout Additional Field
  • Product Comparison
  • Sticky Fly Cart
  • Product Size Charts
  • Advanced Coupon
  • ShopEngine Vacation
  • Multistep Checkout
  • Cross Sell Popup
  • Avatar Module

ShopEngine General Widgets

  • Related Products
  • Product Rating
  • Product Excerpt
  • Additional Information
  • Order by Filter
  • Product Tabs
  • Product Meta
  • Product Tags
  • Product Stock
  • Breadcrumbs
  • Product Review
  • Recently Viewed Products
  • Add To Cart
  • Return To Shop
  • Currency Switcher
  • Product Image
  • Product Description
  • Product SKU
  • Order Confirm
  • Categories
  • Product Title
  • Order Details
  • Product Categories
  • Checkout Form – Payment
  • Checkout Form – Shipping
  • Product Category List
  • Filterable Product List
  • Product Share
  • Flash Sale Products
  • Checkout Form-Additional
  • Product Price
  • Empty Cart Message
  • Upsell
  • Cross-sell
  • My Account Orders
  • Product List
  • Thank You Address Details
  • Deal Products
  • Archive View Mode
  • Archive Description Widget
  • Archive Title Widget
  • Archive Products Widget
  • Archive Result Count
  • Cart Table Widget
  • Cart Total
  • Avatar Widget

ShopEngine Product widgets

  • Related Products
  • Product Rating
  • Product Excerpt
  • Product Tabs
  • Product Meta
  • Product Tags
  • Product Stock
  • Product Review
  • Recently Viewed Products
  • Product Image
  • Product Description
  • Product SKU
  • Product Title
  • Product Categories
  • Product Category List
  • Filterable Product List
  • Product Share
  • Flash Sale Products
  • Product Price
  • Product List
  • Products Per Page Filter
  • Deal Products
  • Advanced Search Widget

ShopEngine Archive Widgets

  • Product Filters
  • Archive View Mode
  • Archive Description Widget
  • Archive Title Widget
  • Archive Products Widget
  • Archive Result Count

ShopEngine Checkout Widgets

  • Checkout Form-Coupon
  • Checkout Form – Billing
  • Checkout Form – Payment
  • Checkout Form – Shipping
  • Checkout Form-Additional
  • Checkout- Order Review
  • Checkout Shipping Methods
  • Checkout Form Login

ShopEngine FAQ

  • ShopEngine FAQ

ShopEngine Support Hooks

  • Builder Templates Hooks
  • Theme Integration with ShopEngine

ShopEngine Gutenberg

  • ShopEngine Gutenberg Addon
  • ShopEngine Gutenberg Template
  • ShopEngine Gutenberg Modules

Multilingual Support - ShopEngine

  • Setup WPML and Translate WooCommerce Pages
  • WPML String Translation For ShopEngine
  • Multi-Language Templates with WPML
  • Multi-Language Templates with Polylang
  • ShopEngine Multilingual Hooks for Developers
  • Home
  • Doc
  • ShopEngine
  • ShopEngine General Widgets
  • Product Tabs

Product Tabs

Table of Contents
  • Step 1: Enable the Product Tabs Widget
  • Step 2: Add Product Tabs Widget
  • Step 3: Settings of Product Tabs Widget
    • Nav Style:
    • Tab Content:
    • Additional Information:
    • Average Rating:
    • Review Heading:
    • Review Style:
    • Review Form:
    • Submit Button:
    • Global Font:

Product Tabs widget is a single-page template widget. This is used to display product descriptions, product reviews and also provides a form to submit a new review.

Let’s learn how you can use Product Tabs Widgets on your wooCommerce site:

Step 1: Enable the Product Tabs Widget #

To enable the widget,

  • Go to ShopEngine > Widgets > Product Tabs
  • Turn on 
  • Save changes
enable_product_tabs.png
Turn On Product Tabs Widget

Note: You can also turn on Product Tabs with a global setting that turns on all the widgets of ShopEngine.

Step 2: Add Product Tabs Widget #

Before you can add the widget you need to create a Single Product Template first. Check out the documentation on how to create a Single Product Template.

To add Product Tabs:

  • Go to ShopEngine > Templates > Single Page Template
  • Click on Edit with Elementor
edit single page template
Edit Single Template
  • Search for Product Tabs on Elements Search option
  • Drag and drop the widget 
  • Click on Update to save changes.
drag and dropproducts tabs
Drag and Drop

Step 3: Settings of Product Tabs Widget #

You can customize the following settings under the Style Tab:

nav style settings
Nav Style Settings

Nav Style: #

  • Typography: You can change the font size for the menu options here.
  • Menu Color: Change the menu color.
  • Active/Hover Menu Color: Choose a color for the active/hover mode of the selected menu.
  • Nav Indicator Color: Select a color for the active menu indicator.
  • Nav Indicator Border (px): Choose a top and bottom value for the nav indicator border.
  • Menu Spacing (px): Give a spacing between both the menu in pixels.
  • Box Shadow: Click on the edit option to choose the shadow color, horizontal, vertical, blur and spread value.  You can also set the position as outline or inset.
  • Border type: you can choose the border type to be solid, dotted, doubled dashed, groove or none.
  • Typography: You can change the font size for the menu options here.
  • Menu Color: Change the menu color.
  • Active/Hover Menu Color: Choose a color for the active/hover mode of the selected menu.
  • Nav Indicator Color: Select a color for the active menu indicator.
  • Nav Indicator Border (px): Choose a top and bottom value for the nav indicator border.
  • Menu Spacing (px): Give a spacing between both the menu in pixels.
  • Box Shadow: Click on the edit option to choose the shadow color, horizontal, vertical, blur and spread value.  You can also set the position as outline or inset.
  • Border type: you can choose the border type to be solid, dotted, doubled dashed, groove or none.
tab content settings
Tab Content Settings

Tab Content: #

  • Tab Content Title
    • Show Title: Turn this option on to show the title in the tab content.
    • Color: Choose the title color for the tab area.
    • Padding: Adjust the top, left, right, and bottom padding around the title.
  • Tab Content Wrap
    • Padding (px): Adjust the top, left, right, and bottom padding for the tab content.
additional information settings
Additional Information Settings

Additional Information: #

  • Typography: You can change the font size for the additional information here.
  • Table Cell Divider Color: Choose a color for the table cell divider.
  • Table Cell Padding:  Adjust the top, left, right, and bottom padding.
  • Label:
    • Color: Pick a color for the label.
    • Background: Choose a background color.
    • Width: You can choose the width in px or percentage.
  • Value:
    • Color: Pick a color for the value
    • Background: Choose a background color for the value
average rating settings
Average Rating Settings

Average Rating: #

  • Rating Title:
    • Color: Change the color of the rating title.
    • Typography: You can change the font size for the rating title.
  • Rating Title:
    • Color: Change the color of the rating title.
    • Typography: You can change the font size for the rating title.
  • Rating Title:
    • Color: Change the color of the rating title.
    • Typography: You can change the font size for the rating title.
review heading settings
Review Heading Settings

Review Heading: #

  • Color: Change the color of the rating average.
  • Typography: You can change the font size for the rating average.
  • Margin: Adjust the top, left, right, and bottom margins.
review style settings
Review Style Settings

Review Style: #

  • Color: Choose a color for the ratings.
  • Date, Author, and Description Color: Here you can pick the color for a date, author, and description.
  • Comment Separator Color: Select a color for the comment separator.
  • Author Typography: Choose the font size for the author.
  • Date Typography: Select the font size for the date.
  • Description Typography: You can choose the description font size here.
  • Single Review Spacing (px): Select a value for single review spacing.
review form settings
Review Form Settings

Review Form: #

  • Input Label:
    • Color: Pick a color for the input label.
    • Required Color: Select a color for the required symbol.
    • Typography: Select font size for the input label
  • Form Input:
    • Color: Pick a color for the form input.
    • Border Color: Select a border color.
    • Focus Border Color: Choose a color for the focus border.
    • Typography: Select font size for the form input.
  • Field Spacing (px):  Choose how much space you want between the input field.
  • Inputs Border Radius (px): Select border-radius value for the input field.
  • Inputs Padding (px): Adjust the top, left, right, and bottom padding of the input field.
submit button settings
Submit Button Settings

Submit Button: #

  • Button Typography: You can change the font family, font size, font weight, transform, and line height here.
  • Alignment: Set the alignment as either left, right, or center.
  • Normal/Hover: Choose the color and background color for both normal and hover views.
  • Border type: you can choose the border type to be solid, dotted, doubled dashed, groove or none.
  • Width: Select the top, left, right, and bottom width of the border.
  • Color: Pick a color for the border.
  • Border Radius: Select the top, left, right, and bottom values for the border radius.
  • Padding: Adjust the top, left, right, and bottom padding.

Global Font: #

global font settings products tabs
Global Font Settings
  • Font family: Here you can change the font family for the whole widget.

Click on the Update button to save all the changes.

Here is a preview of how a Product Tab widget looks like:

Preview Product Tab
What are your Feelings
Share This Article :
  • Facebook
  • Twitter
  • LinkedIn
  • Pinterest
Still stuck? How can we help?

How can we help?

Updated on March 27, 2022
Order by FilterProduct Meta
Table of Contents
  • Step 1: Enable the Product Tabs Widget
  • Step 2: Add Product Tabs Widget
  • Step 3: Settings of Product Tabs Widget
    • Nav Style:
    • Tab Content:
    • Additional Information:
    • Average Rating:
    • Review Heading:
    • Review Style:
    • Review Form:
    • Submit Button:
    • Global Font:

Get Subscribed Today!

wpmet-website-logo
© 2022, Wpmet. All Rights Reserved. Built with ElementsKit.
Elements Kit
ShopEngine
GetGenie AI
Metform
WP Social
Wp Ultimate Review
Wp Fundraising
About us
Contact us
Support
Login/Register
Collaborate
Affiliates
Affiliate Area
Privacy Policy
Terms and Conditions
Refund Policy
Payment systems accepted by Wpmet

Wpmet is not affiliated with or endorsed by Open Source Matters or the WordPress Project. The CMS logo is used under a limited license granted by Open Source Matters the trademark holder in the United States and other countries.

We use cookies on our website to give you the most relevant experience by remembering your preferences and repeat visits. By clicking “Accept”, you consent to the use of ALL the cookies.
Opt out!.
Cookie SettingsAccept
Manage consent

Privacy Overview

This website uses cookies to improve your experience while you navigate through the website. Out of these, the cookies that are categorized as necessary are stored on your browser as they are essential for the working of basic functionalities of the website. We also use third-party cookies that help us analyze and understand how you use this website. These cookies will be stored in your browser only with your consent. You also have the option to opt-out of these cookies. But opting out of some of these cookies may affect your browsing experience.
Necessary
Always Enabled
Necessary cookies are absolutely essential for the website to function properly. These cookies ensure basic functionalities and security features of the website, anonymously.
CookieDurationDescription
cookielawinfo-checkbox-analytics11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Analytics".
cookielawinfo-checkbox-functional11 monthsThe cookie is set by GDPR cookie consent to record the user consent for the cookies in the category "Functional".
cookielawinfo-checkbox-necessary11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookies is used to store the user consent for the cookies in the category "Necessary".
cookielawinfo-checkbox-others11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Other.
cookielawinfo-checkbox-performance11 monthsThis cookie is set by GDPR Cookie Consent plugin. The cookie is used to store the user consent for the cookies in the category "Performance".
viewed_cookie_policy11 monthsThe cookie is set by the GDPR Cookie Consent plugin and is used to store whether or not user has consented to the use of cookies. It does not store any personal data.
Functional
Functional cookies help to perform certain functionalities like sharing the content of the website on social media platforms, collect feedbacks, and other third-party features.
Performance
Performance cookies are used to understand and analyze the key performance indexes of the website which helps in delivering a better user experience for the visitors.
Analytics
Analytical cookies are used to understand how visitors interact with the website. These cookies help provide information on metrics the number of visitors, bounce rate, traffic source, etc.
Advertisement
Advertisement cookies are used to provide visitors with relevant ads and marketing campaigns. These cookies track visitors across websites and collect information to provide customized ads.
Others
Other uncategorized cookies are those that are being analyzed and have not been classified into a category as yet.
Vendor/Partner
SAVE & ACCEPT