1. PROMO Upgrade to Pro Membership @ $99 / Lifetime & access all our 16+ premium Divi extensions: Divi Block, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
HOT Divi.Help Pro One-Page Layouts - Beautifully crafted Divi layouts for you to kick start Divi sites.
View All Pro One-Page Layouts
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.
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

Side Bar Categories

Discussion in 'Free Divi Community Forum' started by Karen Browning, Nov 8, 2023.

  1. Karen Browning

    Karen Browning New Member

    Hi,

    I have a side bar with product categories, which is going to be huge by the time I've added them all. How do I have it just showing the 1st tier for example Suppliers, Servo Motors, Stepper Motors. Then you click on the category to expand it?
    The 1st image is our wordpress site, the 2nd 2 are how it looks on the current site which is how I'd like it to work on the new wordpress site.

    Thanks
     

    Attached Files:

    1. PRO MEMBER PERKS Divi Block Pro - Powerful Divi header builder for you to mix & match premade header design, mobile menu & more:Learn More
  2. Divi.Help

    Divi.Help Administrator
    Staff Member

    That would require custom code.

    I roughly did the coding. Try the below code in WP Admin > Divi > Theme Options > Integration > Body Code & see if it works:
    Code:
    Log In or Sign Up to view this code.
     
    Karen Browning likes this.
  3. Karen Browning

    Karen Browning New Member

    1. PRO MEMBER PERKS Divi Block Pro - Premade mega menu design for your Divi site without using any plugins:View Demo
  4. Divi.Help

    Divi.Help Administrator
    Staff Member

    Try the below instead & see if it works:
    Code:
    Log In or Sign Up to view this code.
     
  5. Karen Browning

    Karen Browning New Member

    That looks good, would it be possible for when you click on a product for example under servo motors, if I select rotary
    https://www.servernetworks.uk/product-category/servo-motors/rotary/ the relevant category stays open?
    currently the side bar closes so just the 1st level categories are showing.
    The servo_rotary1.jpg is how it currently looks.
    I'd like it to look like servo_rotary2.jpg
     

    Attached Files:

    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Beautifully crafted Divi layout packs for you to kick start your Divi sites:View Demo
  6. Divi.Help

    Divi.Help Administrator
    Staff Member

    Try the below & see if it works:
    Code:
    Log In or Sign Up to view this code.
     
  7. Karen Browning

    Karen Browning New Member

    Hi,
    Thank you. This has all the categories open. I would like them just to open when you click on them. Also, to make it even more complicated, can you select more than 1 category?

    So, visitors to our site may want all the Rotary Servo Motors from Kollmorgen showing, is this possible? Maybe check/tick boxes?
     
    1. PRO MEMBER PERKS Divi.Help Header AI Generator - Try the power of AI to generate a custom Divi header for you:Try Now
  8. Divi.Help

    Divi.Help Administrator
    Staff Member

    Try the below code in WP Admin > Divi > Theme Options > Integration > Body Code & see if it works:
    Code:
    Log In or Sign Up to view this code.
    You will need to look for plugins that do the job.