tabs – XTRA Tutorials https://xtratheme.com/docs Documentation of XTRA WordPress Theme Tue, 03 Sep 2024 09:22:03 +0000 en-US hourly 1 https://wordpress.org/?v=6.8.2 How to Add Custom FAQ, Size Guide, and Shipping Tabs to WooCommerce Product Pages? https://xtratheme.com/docs/how-to/how-to-add-custom-faq-size-guide-and-shipping-tabs-to-woocommerce-product-pages/ https://xtratheme.com/docs/how-to/how-to-add-custom-faq-size-guide-and-shipping-tabs-to-woocommerce-product-pages/#respond Sat, 10 Aug 2024 18:56:45 +0000 https://xtratheme.com/docs/?p=3280

Watch video how to add tabs to products

Step 1
Step01

How to create FAQ or Size Guide tab content?

  1. Go to Dashboard > Products > Size Guide or FAQ
  2. Click on Add New to create new post
  3. Add your post title
  4. Edit post with Elementor or WPBakery builder
  5. Publish post
Step02

How to enable tabs on products pages?

  1. Go to Theme Options > WooCommerce Pro > Product Settings
  2. Navigate to the Size Guide options
  3. Turn Size Guide option ON and set Title
  4. Then select Size Guide post from list
  5. Do the same to FAQ options to have FAQ tab
  6. Under the FAQ options find Shipping Tab option
  7. Enable it and set Title and Content directly
  8. Publish Theme Options
  9. Check your product pages
]]>
https://xtratheme.com/docs/how-to/how-to-add-custom-faq-size-guide-and-shipping-tabs-to-woocommerce-product-pages/feed/ 0
Element: Tabs https://xtratheme.com/docs/page-builder/element-tabs/ https://xtratheme.com/docs/page-builder/element-tabs/#respond Mon, 17 Jun 2024 14:28:52 +0000 https://xtratheme.com/docs/?p=1637

Video Tutorial

Description and Screenshot

Step 1

Add unlimited tabbed content and include any element inside tabs such as text, video, image, etc. Tabs elements have icons, StyleKits and settings.

Tabs
  • Style – Tabs positon, vertical or horizontal, left, center or right
  • Effect – Content CSS effect when tabs changes
  • Hover Instead Click? – Change tabs on hover instead click
  • Container – Container styling background, padding, border, etc.
  • Tabs Row – Tabs row styling background, inline or block, border, etc.
  • All tabs – Each tabs title styling colors, size, typography, etc.
  • Active Tab – Active tab styling background, color, etc.
  • Icons – If you have icons on tabs then you can edit icon colors, size, etc.
  • Content – Tabs content area styling background, color, size, etc.
  • Presets – This element have multiple stylish presets that you can use them
  • Advanced tab – Responsive, Animation, Parallax, etc.
]]>
https://xtratheme.com/docs/page-builder/element-tabs/feed/ 0