<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>

<h2>For a shopping experience as unique as your customers</h2>
<p>From adding a personal engraving, to upgrading to premium fabric, customizing products can keep your customers coming back. With Product Add-Ons, you can offer special options to your customers in a snap.</p>
<p>Product Add-Ons allow your customers to personalize products <em>while</em> they’re shopping on your online store. No more follow-up email requests—customers get what they want, before they’re done checking out.</p>
<p><img class="alignleft wp-image-18734005148655 size-full" src="https://woocommerce.com/wp-content/uploads/2013/05/woocommerce_product-addons_single-product-addon-example.png" alt="" width="1822" height="886" /></p>
<p> </p>
<p>Add options via text boxes, dropdowns, text areas, checkboxes, custom price inputs, even sample images. Add-ons can be added globally or per-product from the edit product page.</p>
<h2>Give your customers the options they want</h2>
<p>Product Add-Ons is one of the most popular extensions available for WooCommerce. It gives you and your customers even more options, including (but definitely not limited to):</p>
<h3>Image-based selections</h3>
<p><img class="alignnone size-large wp-image-18734005148756" src="https://woocommerce.com/wp-content/uploads/2013/05/woocommerce_product-addons_single-product-images.png?w=980" alt="WooCommerce Product Add-ons, image-based product add-on selection." width="980" height="741" /></p>
<p>A picture is worth a thousand words, so why describe a customer’s personalization options when you can show them? With image-based selections, customers can see what they’re getting before they buy.</p>
<h3>Flat fees</h3>
<p><img class="aligncenter size-large wp-image-18734005148960" src="https://woocommerce.com/wp-content/uploads/2013/05/woocommerce-product-addons_example-gift-options-configured-1.png?w=980" alt="" width="980" height="536" /></p>
<p>Charge customers a flat fee regardless of how many products they ordered. Perfect for a one-time set-up charge or a rush fee.</p>
<h3>Percentage fees</h3>
<p>Charge a fee for the add-on based on a percent of the total price—this is especially useful for service-based add-ons that can be tougher to boil down to a flat fee.</p>
<h3>Text input</h3>
<p>Let your customers enter custom text to create a custom t-shirt, add a monogram or personalize a card.</p>
<h3>Dropdown</h3>
<p>Customer can choose between a few pre-defined options with a drop-down field for your add-on.</p>
<p><b>Checkboxes</b></p>
<p><img class="aligncenter size-large wp-image-18734005148765" src="https://woocommerce.com/wp-content/uploads/2013/05/woocommerce_product-addons_single-product-gift-options.png?w=980" alt="An example of checkbox-based options for Product Add-ons." width="980" height="749" /></p>
<p>Make customization as simple and satisfying as checking a checkbox. Great for add-on services, like gift wrapping or express shipping.</p>
<h3>Custom price</h3>
<p>Let your customers name their price, perfect for tips, donations, and gratuities!</p>
<p>Add-ons can be named, described, reordered, and (optionally) given prices.</p>
<p>The extension also works with:</p>
<ul class="wccom-tick-list">
<li><a href="https://woocommerce.com/products/woocommerce-subscriptions/">WooCommerce Subscriptions</a> – add additional options to subscription products.</li>
<li><a href="https://woocommerce.com/products/woocommerce-bookings/">WooCommerce Bookings</a> – offer upgrades like an oil treatment for a massage, priority seats for their tour or a rush fee for their rental.</li>
</ul>
<p>Once set up, add-ons appear on product pages just above the add to cart button.</p>
<p>Ready to increase your store’s flexibility? Start using Product Add-Ons today.</p>

Product Add-Ons

<p>Offer add-ons like gift wrapping, special messages or other special options for your products.</p>

Vertical & Accordion Product Detail Tabs vs Product Add-Ons