1. PROMO Upgrade to Pro Membership @ $99 / Lifetime & access all our 16+ premium Divi extensions: Divi Block, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Feasability

Discussion in 'Free Divi Community Forum' started by xcsmall, Dec 10, 2024.

  1. xcsmall

    xcsmall New Member

    Hi, I would like to create what you can see on those to sites using Divi :

    When you click on a word that is linked, a dedicated section appears below.

    On this site, please see the "add on & save with bundles" section : https://opositiv.com/products/uro-vaginal-probiotic-capsules

    And on this site, you can see the "description, ingerdients, FAQ, how to use section" : https://beautyofjoseon.com/products/ground-rice-and-honey-glow-mask

    Any idea on how to replicate this with Divi?

    Many thanks and kind regards,

    Géraldine
     
    1. PRO MEMBER PERKS Divi Login Customizer Plugin - Instantly beautify your Wordpress login page with 6 premade designs:Learn More
  2. Divi Booster

    Divi Booster Divi Expert

    Hi Géraldine,

    There are two ways you could approach this.

    1) Using the Divi Tabs module (https://www.elegantthemes.com/documentation/divi/tab/) - it should pretty much do what you need, but note that the tab module itself only supports basic text / HTML in the tab content, not other Divi modules, sections, etc. If you do need to add Divi modules to the tabs, you would need to save them to the Divi Library and load them into the tab content using shortcodes. A plugin such as Shortcodes for Divi will give you the shortcodes you need:

    https://wordpress.org/plugins/shortcodes-for-divi/

    2) If you need a more flexible layout, you can use buttons (styled as text) and add JavaScript to reveal / hide the sections when each button is clicked. This post of mine explains how to set this up:

    https://divibooster.com/reveal-a-divi-module-or-row-section-when-button-clicked/

    Alternatively, my Divi Show / Hide Button plugin lets you set up buttons that reveal / hide sections without coding:

    https://divibooster.com/divi-show-hide-button/

    Hope that helps!