Toggling Categories

[owaves]

Hello is there a way we can show the categories with a toggle on the page in the secure note? Like a button that says “View Categories.” Thanks!

[nico]

Hi @owaves,

Thanks for writing in.

Enable your sort portfolio button to have a button for your categories. To enable it, uncheck your disable filter.

Hope it helps.

Let us know how it goes.

Thanks.

[owaves]

Thank you for the quick response! I checked this box but now all my categories have disappeared from my page. I need to have a button right under the page title that says “View Categories” so when you click the button all my categories appear.

[paul.r]

Hi,

You need to select the categories that you want to appear under portfolio settings.

The button is not showing up because you have this code in your child theme’s style.css

a.x-portfolio-filters {
    display: none
}

Kindly remove that code for your button to appear. It located at line number ~454

Thanks

[owaves]

Okay so I did see the button appear. Is there a way to hide all the categories by default and change the text on the button to read “View categories”? The design I need is to be able to have the categories hidden by default and then once the button is pressed the categories appear. Any further help would be huge!

[nico]

Hi @owaves,

I have changed the Sort Portfolio text in your theme options and change it View Categories. Theme Options > Integrity

then remove this in your CSS so that the View Categories can be seen.

And add this in your Custom CSS:

x-portfolio-filters-menu {
    display:none !important;
} 

Hope it helps.

Let us know how it goes.

Thanks.

[owaves]

Do you know how we can hide the categories by default? So when you come to this page they are hidden until you press “View categories”? Thanks!

[ruenel]

Hello There,

I went ahead and resolved your issue. The categories were now hidden by default and will only appear when you press the “View Categories” button.

I have removed the custom CSS and custom JS that you have previously added.

CSS removed:

a.x-portfolio-filters {
    display: none;
}

JS removed:

jQuery( document ).ready(function() {
 jQuery('.x-portfolio-filters').click();
});

I cleared the cache and it should be working now.

[owaves]

Wow. Beautiful! Thanks!

[friech]

We are delighted to assist you with this.

Cheers!