ThemeHigh
  • Plugins
  • Bundles New
    Documentation
    WooCommerce Essential Bundle
    Feature request
    WooCommerce Checkout page Bundle
    Translation project
    WooCommerce Product page Bundle
    Build your own Bundle
    Build Your Own Bundle (BYOB)
    New
    WooCommerce Essential Bundle
    WooCommerce Checkout page Bundle
    WooCommerce Product page Bundle
    Build Your Own Bundle (BYOB)

    Best Value

    An essential WooCommerce plugins bundle to boost your performance and sales.

    • Checkout field editor for WooCommerce - $49
    • Extra product option for WooCommerce - $39
    • Email customizer for WooCommerce - $39
    • Multistep checkout for WooCommerce - $39
    • Multiple Shipping address for WooCommerce - $39
    • Variation swatches for WooCommerce - $39
    $244$122 Only
    Know more

    Best Value

    An checkout WooCommerce plugins bundle to boost your performance and sales.

    • Checkout Field Editor for WooCommerce - $49
    • Multistep Checkout for WooCommerce - $39
    • Multiple Shipping Address for WooCommerce - $39
    $127$109 Only
    Know more

    Best Value

    An product WooCommerce plugins bundle to boost your performance and sales.

    • Extra Product Option for WooCommerce - $39
    • Variation Swatches for WooCommerce - $39
    • Email Customizer for WooCommerce - $39
    • Schedule Delivery for WooCommerce - $49
    $166$119 Only
    Know more

    HOT SALE

    Your Money, Your Choice - The Savings Are On Us!

    BYOB Offer

    Get the flexibility to create your perfect plugin bundle! Pick the plugins you need and enjoy an exclusive discount —only pay for what you use!

    $100 - $149: 25% Discount

    $150 - $199: 30% Discount

    $200 - $249: 40% Discount

    Above $250: 50% Discount

    *Min 2 quantity is required to claim this offer.

    Know more
  • Documentation
  • Support
  • Partners
  • Login
  • Getting Started
    • Overview...
    • Add/Edit Custom Sections
    • Add/Edit Custom Fields
    • Add Display Styles
    • Set Tooltip Details
    • Price Fields & Types
    • Set Display Rules for Fields & Sections
    • How to Export/Import Fields & Sections Individually
  • Advanced Settings
    • Add Price Table
    • How to modify add to cart button text?
    • Add a Custom Validation Rule
    • Add a Confirm Field Validator
    • Choose a Layout Style
    • Disable "Enhanced Select(Select 2)" for select fields
    • How to post extra options as URL Parameters?
    • Use the Div tag for displaying fields
    • Backup & Import Settings
    • WPML String Translations...
  • FAQ
    • Frequently Asked Questions...
  • For Developers
    • Hooks & References...
  • Compatible Plugin & Themes
    • Plugins & Themes...

Documentation/Extra Product Option for WooCommerce/How to display product fields in different layout styles?

How to display product fields in different layout styles?

Last updated on September 4, 2023

Besides the default display style, you can display the extra options in accordion and tabular layout style. Also, the active section can be highlighted with a different color, so that the shoppers can easily find the selected section.

To change the layout style:

  • Navigate to Extra Product Option > Advanced Settings > Layout Settings.
  • Choose any display style by clicking on the corresponding radio buttons(Default, Tabs, or Accordion).
  • Based on the style you choose, the display style will be added to your product page.

Default

Tabs


Accordion

  • Once the display style is chosen, select the color for the active tab from the Active Color Text color picker.
  • Save the changes made.

Quick Links

  • Try Demo
  • How to Download and Install Our Plugin ?
  • Manage License
  • Join our Facebook Community

This article posted in Advanced Settings, Extra Product Option for WooCommerce, Pro Documentation

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

ThemeHigh

We develop innovative WordPress plugins and themes for e-commerce and other WordPress websites.

Resources
  • Documentation
  • Support
  • Blog
  • Bestsellers
  • Affiliates
  • Partners
Policy Information
  • Terms & Conditions
  • Privacy Policy
  • Support Policy
  • Refunds Policy
  • Licenses
Security
Payment Options

© 2025 ThemeHigh. All rights reserved.

Terms and conditions, features, support, pricing, and service options subject to change without notice.