Zemowp

Zemowp

Did You Know?

How to add accordion section on detail page?

Estimated reading: 1 minute 4 views

Accordion Section

The Accordion Section is used to organize additional product information into collapsible tabs. This improves readability by allowing users to expand only the sections they are interested in—keeping the product detail page clean and well-structured.


Common Use Cases:

  • Product Specifications

  • Shipping & Delivery Information

  • Return & Exchange Policies

  • FAQs


How to Add:

  1. Edit the Product Detail Page using Elementor.

  2. From the Elementor widget panel under Value Pack widgets section, search for and drag the Accordion widget to your desired location on the page.

  3. Add multiple accordion items such as “Specifications,” “Shipping Info,” or “Return Policy.”

  4. Enter relevant content under each tab. You can use plain text, HTML, or even shortcodes.

Customization Options in Sidebar:

In the Elementor settings panel (sidebar), you can:

  • Target Display
  • Content Type
  • Select Content Tab
  • Button Text