Hide Articles on Category page - only show Sections

Hi Ashlei Capistrano,

Use the below code:

.category-content .section-tree .article-list,
.category-content .section-tree .see-all-articles {display:none}

.category-content .section-tree .article-list and .category-content .section-tree .see-all-articles

both are the classess with the parent classes of articles.

If any query feel free to ask :)

Thanks

Hi @ifra, sorry for the late response. Thank you for that information. I'm not exactly sure where to paste that code, and/or if it needs additional code. 

Hi @ifra, I was able to figure out where to enter the code. The page looks as desired. Thank you. 

Hi @ifra, is there a way to add arrows after the section titles without having to change all the section names? Also, can I reduce the space between section titles?

Hi could you share where that code goes and what it looks like?  ideally a snippet of the block that does the magic.

Hi Heath Abbate,  sorry for late response, you need to add that code to your style.css file at the bottom area.

Is there a code block anyone could share that could be used to do the same - hide articles and display sections only for 1 category? Appreciate the help! 

Hey Joel,

Use this code for your query:

 if (window.location.href.indexOf("22222222222222") > -1) {
    const _artLinks = document.querySelectorAll(".article-list");
    _artLinks.forEach((e) => {
      e.style.display = "none";
    })
    }

Note: 22222222222222 , it's my category ID only for I want to hide articles.

Thanks