Recherches récentes


Pas de recherche récente

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

Avec réponse


Publication le 30 mars 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 commentaire

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


Vous devez vous connecter pour laisser un commentaire.

Vous ne trouvez pas ce que vous cherchez ?

Nouvelle publication