Vertical & Accordion Product Detail Tabs for WooCommerce

Make product information easy to find, on every device

Default WooCommerce tabs sit in a horizontal row that gets cramped with more than three tabs and breaks on phones. Vertical & Accordion Product Tabs turns them into a clean vertical tab layout on desktop and a tap-friendly accordion on mobile, so shoppers find sizes, specs and reviews without scrolling past them.

Features

• Three layouts: vertical tabs, accordion everywhere, or keep horizontal tabs and switch to an accordion only on mobile
• Works with classic themes and block themes like Twenty Twenty-Five, including the WooCommerce Product Details block
• Match your brand: active/inactive tab colors, font colors and border color
• Accordion options: start collapsed, plus/minus icons, auto-scroll on/off
• Keeps all your tabs: Description, Additional information, Reviews and custom tabs added by other plugins or code, in the order you set
• Keyboard accessible and lightweight: loads only on product pages
• HPOS and Cart & Checkout blocks compatible

Setup takes one minute

Enable it under WooCommerce → Settings → Products → Vertical Product Tab, pick a layout and your colors. No shortcodes, no template edits.

Vertical tabs on desktop

Every tab is listed down the left side, so shoppers see all available information at a glance, even when a product has many tabs.

Accordion tabs on mobile

On phones, tabs become a tap-friendly accordion, so customers can open only the section they need.

See it in action

View Demo View Documentation