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

<ul class="wccom-tick-list-primary">
<li>Drag-and-drop product re-ordering — simple and quick!</li>
<li>Gives you full control to merchandise your range of products</li>
<li>Works with categories, sub-categories and tags</li>
<li>The order of products can be unique to each category</li>
<li>Overwrites default global reordering</li>
<li>Easily see where pagination will occur</li>
<li>Lightweight and scalable</li>
</ul>
<h2>Why you should use Product Sorting & Re-Ordering</h2>
<p>Unlock the power to effortlessly optimize your store’s product layout with our intuitive product reorder feature. Designed specifically for store owners, this tool allows you to reorder products within each category, giving you full control over your store’s presentation. You’ll be able to see exactly where pagination falls, so you can strategically place products that might otherwise get buried on page 2 or beyond the “load more” button.</p>
<p>This means you can prioritize high-margin or new products, ensuring they get the visibility they deserve—without being limited by the default global sorting or relying solely on popularity. It’s an easy, effective way to drive sales by putting your most profitable or freshest items front and center, where customers can see them instantly. With just a few clicks, you can enhance your store’s shopping experience and increase your revenue.</p>
<h2>User-friendly and intuitive</h2>
<p><a href="https://woocommerce.com/wp-content/uploads/2025/03/product-sorting-reordering-demo.gif"><img class="alignnone size-medium wp-image-18734005041109" src="https://woocommerce.com/wp-content/uploads/2025/03/product-sorting-reordering-demo.gif" alt="" width="544" height="360" /></a></p>
<p>Organize your products with just a few clicks! Simply enable the setting for any category, then drag and drop items to reorder them as you like. You can also toggle product images and pagination on or off for a cleaner view. Plus, use the numbering tool to quickly move products to the top or bottom. It’s a fast, simple way to make sure your best products get the attention they deserve!</p>

Product Sorting & Re-Ordering

<p>Re-order and organize your products within category, tag, and brand pages, using a simple and fast drag-and-drop interface.</p>

Vertical & Accordion Product Detail Tabs vs Product Sorting & Re-Ordering