<h2></h2>
<p>Responsive design is today’s web standard. But default WooCommerce product detail tabs are horizontal and not responsive. This plugin transforms tabs into beautiful vertical/accordion tabs.</p>
<ol>
<li>After the plugin is installed, please enable vertical tabs for product details by going to WooCommerce –> Settings –> Products –> Vertical Product Tab.</li>
</ol>
<p><img class="size-medium wp-image-6564808 aligncenter" src="https://woocommerce.com/wp-content/uploads/2020/10/screenshot-localhost-2020.10.02-21_22_57.png?w=620" alt="" width="620" height="430" /></p>
<p>2. Enabling this will create vertical/accordion tabs.</p>
<p><img class="size-medium wp-image-6564833 aligncenter" src="https://woocommerce.com/wp-content/uploads/2020/10/WooCommerce-vertical-tabs-for-product-details.png?w=620" alt="" width="620" height="129" /></p>
<p>3. Customers can find information more efficiently on mobile devices.</p>
<p><img class="size-medium wp-image-6564848 aligncenter" src="https://woocommerce.com/wp-content/uploads/2020/10/WooCommerce-accordion-tabs-for-product-details.png?w=620" alt="" width="620" height="199" /></p>
<h2><strong>Benefits</strong></h2>
<ol>
<li>Transform old horizontal product detail tabs into vertical/accordion tabs.</li>
<li>The responsive design means that customers can find information easily on mobile and tablet devices.</li>
<li>Product detail tabs can also be used as an accordion on desktop.</li>
<li>The feature is very useful when products have many tabs.</li>
<li>Admins can choose to customize active tab background colors, font colors, inactive tab colors, etc.</li>
</ol>
<h2>Usage</h2>
<p>Once you enable “Vertical And Accordion Product Detail Tabs,” you can see that your product detail page tabs now transform to vertical and accordion tabs.</p>
<h3>Vertical Tabs View</h3>
<p><img class="alignnone size-medium wp-image-2748759" src="https://woocommerce.com/wp-content/uploads/2020/10/WooCommerce-Vertical-accordion-product-details-tabs-screen.png?w=367" alt="" width="367" height="550" /></p>
<h3>Accordion Tabs View</h3>
<p><img class="alignnone size-medium wp-image-2748760" src="https://woocommerce.com/wp-content/uploads/2020/10/WooCommerce-Vertical-accordion-product-details-tabs-screen-responsive.png?w=375" alt="" width="375" height="550" /></p>
<p> </p>
<h3>Requirements</h3>
<p>Minimum PHP version: 5.2</p>
<p>Transform old horizontal product detail tabs to vertical/accordion tabs.</p>
<h2><strong>For More Info</strong></h2>
<div class="post-theme-info" style="padding: 10px 0 8px;text-align: center">
<p><a class="button green" href="https://www.i13websolution.com/wp-test/product/beanie/">Demo</a>  <a class="button green" href="https://woocommerce.com/document/2-0/vertical-and-accordion-product-detail-tabs/">View Documentation</a></p>
</div>

Vertical & Accordion Product Detail Tabs

<p>This plugin transforms old horizontal product detail tabs to vertical/accordion tabs.</p>

<h1 style="text-align: center">Add Extra Product Options and Add-ons</h1>
<p>Product Options and Fields extension allows you to offer products with a variety of personalization options. You can choose from radio button, dropdown, multi-select and 13 other field types.</p>
<p>According a recent study, 80% of customers are willing to pay more when they’re offered product customization.  The standard WooCommerce variations does not cover unique business needs and this is where Product Option and Fields extension comes in.</p>
<p>Keep your product page clean by adding dependable product add-ons. You can also assign add-ons to specific user roles like B2B, wholesale and other customers to ensure that personalization options are displayed to relevant customers types only.</p>
<p>Add global or product specific add-ons and charge additional fee for each option. The extension offers 5 pricing types to dynamically price your product options. Below is the detailed feature list of this extension.</p>
<h2>Features</h2>
<ul>
<li>Add unlimited product add-ons</li>
<li>Add extra options at the product level (product edit sheet)</li>
<li>Supports variable products to add variation specific add-ons</li>
<li>Add product options using global rules (bulk-assign to multiple products)</li>
<li>Supports 16 types of fields (see the support fields list below)</li>
<li>Add dependent/conditional product add-ons</li>
<li>Restrict add-ons based on user roles</li>
<li>Enable and <strong>manage stock</strong> for specific product options (<strong>New</strong>)</li>
<li>Choose from five price options
<ul>
<li>Free</li>
<li>Flat-fixed fees</li>
<li>Flat-percentage fees</li>
<li>Fixed fees, based on quantity</li>
<li>Percentage fees based on quantity</li>
</ul>
</li>
<li>Add price per character for input-text and text-area field (<strong>New</strong>)</li>
<li>Custom sort product add-ons</li>
<li>Preselect default options for checkboxes, radio buttons, and dropdown fields (<strong>New</strong>)</li>
<li>Allow customers to select quantities for specific add-ons with full control over limits (<strong>New</strong>)</li>
<li>Make product options mandatory or optional</li>
<li>Add character limits for text areas and text-input fields</li>
<li>Customize options, fonts, colors, and other settings</li>
<li>Compatible with WooCommerce <strong>cart and checkout blocks</strong></li>
</ul>
<h2>Add product options using global rules</h2>
<p>With WooCommerce Product Options extension, you can add multiple global rules to create different sets of add-ons and assign them to specific products, categories, and user roles.</p>
<p><img class="alignnone size-full wp-image-18734001833890" src="https://woocommerce.com/wp-content/uploads/2023/04/Product-options-rules-list.png" alt="" width="980" height="420" /></p>
<p>While creating new global rules, you can customize the following options:</p>
<ul>
<li>Add multiple add-ons using different field types</li>
<li>Apply add-ons to specific products, categories, and user roles</li>
<li>Customize styling options</li>
</ul>
<p><img class="alignnone size-full wp-image-18734005548531" src="https://woocommerce.com/wp-content/uploads/2023/05/WooCommerce-Product-Options-Global-Rules.png" alt="" width="980" height="1828" /></p>
<h2><strong>Add options at the product level</strong></h2>
<p>Instead of creating global rules, the merchants can add product-specific add-ons from the product edit sheet. You can add new add-ons/options for both simple and variable products. The extension does support variable products – allowing you add variation specific add-ons. While adding new product options from product level, you can:</p>
<ul>
<li>Customize style settings</li>
<li>Add multiple add-ons</li>
<li>Choose to disable global add-ons for a specific product</li>
</ul>
<p><img class="alignnone size-full wp-image-18734005548563" src="https://woocommerce.com/wp-content/uploads/2023/05/Product-addons-on-product-level.png" alt="" width="980" height="1082" /></p>
<h2><strong>Add dependable add-ons</strong></h2>
<p>With this extension, you can make add-ons dependent on other add-ons or their specific options. The Product Options and Fields extension helps merchants keep their product pages uncluttered by only showing necessary fields.</p>
<p><img class="alignnone size-full" src="https://woocommerce.com/wp-content/uploads/2023/05/5-woocommerce-product-addons.gif" width="878" height="557" /></p>
<h2><strong>Choose from 5 pricing types:</strong></h2>
<p>You can keep the extra product options free or charge an additional fee for them. You can assign a price for the entire add-on or set different prices for each option. This WooCommerce Product Addons extension comes with five pricing types to cover unique pricing requirements.</p>
<ul>
<li>Free</li>
<li>Flat-fixed fees</li>
<li>Flat-percentage fees</li>
<li>Fixed fees, based on quantity</li>
<li>Percentage fees based on quantity</li>
<li>Price per character in case of text fields</li>
</ul>
<p>Flat fees apply one charge to an add-on option for any quantity. Quantity-based fees increase as quantity increases.</p>
<p><strong><img class="alignnone size-full wp-image-18734001833979" src="https://woocommerce.com/wp-content/uploads/2023/04/Pricing-models.png" alt="" width="980" height="281" /></strong></p>
<h2><strong>Supports 16 field types:</strong></h2>
<p>WooCommerce Product Options comes with 16 field types enabling you to add different types of product add-ons.</p>
<ul>
<li>Drop-down choice lists</li>
<li>Multi-select options</li>
<li>Checkboxes</li>
<li>Input text and text areas</li>
<li>File uploads</li>
<li>Numbers</li>
<li>Quantity</li>
<li>Radio buttons</li>
<li>Colors</li>
<li>Image switcher</li>
<li>Images</li>
<li>Date picker</li>
<li>Email</li>
<li>Password (secret input field)</li>
<li>Time picker</li>
<li>Telephone number</li>
</ul>
<h2><strong>Manage product options stock:</strong></h2>
<p>Easily manage stock levels for each product option with this extension. Keep full control of your product add-ons inventory by assigning individual stock quantities to each option. This ensures customers can only order available options, preventing overselling and eliminating orders for out-of-stock add-ons.</p>
<p><img class="alignnone size-full wp-image-18734005548529" src="https://woocommerce.com/wp-content/uploads/2023/05/Manage-Options-Stock.png" alt="" width="980" height="355" /></p>
<h2><strong>Control add-ons quantity:</strong></h2>
<p>Give your customers the flexibility to choose the quantity of each add-on while maintaining control over how much they can purchase. Set minimum and maximum quantity limits for any add-on, ensuring customers order within your defined range—perfect for managing special products options or limited-stock extras.</p>
<p><img class="alignnone size-full wp-image-18734005548527" src="https://woocommerce.com/wp-content/uploads/2023/05/Quantity-Selection.png" alt="" width="980" height="388" /></p>
<h2><strong>Restrict add-ons by user roles:</strong></h2>
<p>You can choose to restrict product options to specific user roles only. This enables you to offer additional options to B2B, VIP or any specific user types.</p>
<p><img class="alignnone size-full wp-image-18734005548543" src="https://woocommerce.com/wp-content/uploads/2023/05/Restrict-Product-Options-by-User-Roles.png" alt="" width="980" height="473" /></p>
<h2><strong>Customize fields label, colors, and layout</strong></h2>
<p>While creating new global rules or creating WooCommerce add-ons from product level, you can customize the following style settings:</p>
<ul>
<li>Display field titles as heading or text</li>
<li>Customize text and background colors</li>
<li>Add line separators between add-ons</li>
<li>Customize option title sizes and colors</li>
<li>Add borders around add-ons</li>
<li>Set field title positions</li>
<li>Customize description font sizes</li>
<li>Tooltip font sizes, backgrounds, and text colors</li>
</ul>
<h2><img class="alignnone size-full wp-image-18734001833985" style="font-family: sans-serif;font-size: 16px" src="https://woocommerce.com/wp-content/uploads/2023/04/WooCommerce-Product-Addon-styling.png" alt="" width="980" height="760" /></h2>
<h3>Requirements</h3>
<p>Minimum PHP version: 5.2</p>

Product Options and Addons

<p>Offer product personalization options by adding free or paid product add-ons. Supports multi-select, dropdown and 14 other dependable field types.</p>

Vertical & Accordion Product Detail Tabs vs Product Options and Addons