Home Forums WoodMart support forum Accordion tab breaking while editing with elementor

Accordion tab breaking while editing with elementor

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #714104

    oluzselcuk
    Participant

    The accordion tab in the first image is going down after edit that page with elementor, I need to add-remove tabs via elementor but, it breaks down the content of the page, how should I edit the page and the content of the accordion.

    thanks for your help

    Attachments:
    You must be logged in to view attached files.
    #714172

    Aizaz Imtiaz Awan
    Keymaster
    Xtemos team

    Hello,

    It looks like you’re trying to edit a single product directly, and Elementor overrides the theme’s built-in styling for product tabs and accordions.

    When you edit a product page directly with Elementor, WordPress stops using the theme’s standard single product template and instead loads the Elementor content, which often defaults back to standard horizontal tabs.

    Before editing with Elementor, ensure that to use the accordion style globally. Go to Theme Settings > Single Product >> Tabs >> Set the tabs settings as per your requirements.

    OR

    Instead of editing each individual product with Elementor (which causes the layout shift), you should use the WoodMart Layout Builder. This allows you to design a template once and apply it to all products while maintaining the accordion functionality.

    https://xtemos.com/docs-topic/single-product-page-builder/

    1. Navigate to Layouts > Single Product.
    2. Create a new layout or edit your existing one.
    3. In the Elementor editor, search for the Product Tabs or Product Accordion widget specifically designed by WoodMart.
    4. In the widget settings, you can toggle between Tabs or Accordion and choose which sections (Description, Reviews, etc.) to show.

    Best Regards.

Viewing 2 posts - 1 through 2 (of 2 total)