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
  • 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