Recent searches


No recent searches

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

Answered


Posted Mar 30, 2023

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!


0

1

1 comment

image avatar

Pulkit Pandey

Zendesk LuminaryCommunity Moderator

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

0


Please sign in to leave a comment.

Didn't find what you're looking for?

New post