Hiding the "related articles" box when there are no other articles in the section | Community
Skip to main content

Hiding the "related articles" box when there are no other articles in the section

  • March 30, 2023
  • 1 reply
  • 0 views
Josh26

Does anyone by chance know of code you can use to hide the "Related articles" box only when there aren't more articles in that section?

Here's an example of a page in our Help Center. 

We'd like the "Related articles" box to only appear when there are more articles in that section. Thank you!

    1 reply

    Pulkit12
    • Pulkit12
    • March 31, 2023

    Hi Josh Hersh

    Please add the below code at the bottom of your script.js file 

      var articleSidebar = document.querySelector(".sidebar-section-articles ul").childElementCount;
      if(articleSidebar <= 1) {
         document.querySelector(".sidebar-section-articles").classList.add("hidden");
      }

    And also place the below CSS code at the bottom of your style.css file

    .hidden {
      display: none;
    }

    Let me know if it solves your issue

    Thanks 

    Pulkit

    Team Diziana

    Terms & ConditionsCookie settingsAccessibility statement