Single Product Template, Custom Tabbed Content

This topic has 2 replies, 2 voices, and was last updated 1 days, 16 hours ago ago by Jack Richardson

  • Avatar: enduratex@gmail.com
    Enduratex
    Participant
    December 1, 2025 at 05:07

    Hello,

    In our Elementor => Templates => Single Product layout,
    we are using Elementor in the product long description area.

    Reason:
    Fulfill design requirement of multiple custom content tabs.

    Problem:
    Client wants normal horizonal columns layout on desktop,
    that then collapse down to vertical tab/toggles on mobile.

    Please advise:
    What would be the best element or method?

    NOTE:
    Design Spec Screenshot Attached.

    Thank You,

    Files is visible for topic creator and
    support staff only.
    1 Answer
    Avatar: Jack Richardson
    Jack Richardson
    Support staff
    December 1, 2025 at 08:37

    Hello @Enduratex,

    Based on your request, it seems that you would like to display several types of product content in columns instead of tabs, and only on mobile devices you would like this content to appear in tabs. If that is correct, you can try using the widgets that have such content such as Short description (https://prnt.sc/Ao9cHpRLlq5Z) or Text Editor widget with dynamic tags: https://prnt.sc/8YP2MB0sQbAN.

    We are not entirely sure which method you are using to set different types of product information for your products. However, if you are using the ACF Fields plugin, you will find an option in the dynamic tags that allows you to display, for example, ACF 01 tab, ACF 02 tab, and ACF 03 tab.

    In the tabs, you can use the same ACF dynamic fields, but hide these tabs in the Advanced section for desktop while showing them on tablet and mobile: https://prnt.sc/wX9pTOrKc02e. You can then display the previous content on desktop and set it to be hidden on tablet and mobile.

    You can find more information about using ACF fields with Elementor dynamic tags in the following articles:
    https://elementor.com/help/elementor-acf/
    https://www.advancedcustomfields.com/blog/elementor-acf/

    If our understanding of your request is not accurate, please provide additional details to help us better understand your question.

    Best regards,
    Jack Richardson
    8Theme Team

  • Viewing 2 results - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.Log in/Sign up

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.