Edit Number of Portfolio Categories Displayed in Ethos?

[paulcarpenterfilms]

Hi,

I have two issues regarding my portfolio in Ethos:

My portfolio index only displays 6 category items per page. I would like 12 categories to appear on my portfolio page, rather than be split across multiple tabbed pages. Is there an option or some CSS I can add to place all categories on one page?

My second issue is there is a ‘filter by category’ heading at the top of my portfolio page, which is not working properly. Clicking the arrow in this box folds the top row of my category thumbnails together so they cannot be viewed without refreshing the page. Can this ‘filter by category’ box be deleted from my portfolio layout? I don’t need it anyway.

Thanks for your help.

[ruenel]

Hello @paulcarpenterfilms,

Thanks for writing in!

1.) Please edit your Portfolio page and make sure to insert 12 Posts Per Page in the Portfolio Settings.

Reference: https://theme.co/docs/portfolio-settings

2.) You can disable the Portfolio Filter to resolve the second issue.

If this does not help, please provide the URL of your portfolio page so that we can investigate.

Best Regards.

[paulcarpenterfilms]

Great, both solutions worked, thank you. I was expecting to find the portfolio options in Cornerstone > Customise rather than in Wordpress page edit, which I never think to use!

[tristup]

Hi @paulcarpenterfilms,

Glad that we are able to help you.

Thanks

[paulcarpenterfilms]

Hi, Thanks for being so quick to help out - really appreciated!

I have just discovered an issue with your second solution above: Since disabling ‘filter by category’, the categories behave incorrectly on iPad Mini 4 (possibly others but untested). If you visit the page on the link below and scroll down on an iPad, the top row of categories folds to the left and overlaps, making them unusable.

https://www.paulcarpenterfilms.com/case-studies/

Do you know if there’s a fix for this?

[tristup]

Hi @paulcarpenterfilms,

This is an ongoing issue and has already been reported to our issue tracker. Alternatively, add this line of code under Theme Options > JS.

if (window.jQuery.xIsotope) window.jQuery.xIsotope.settings.animationEngine = 'css';

That will prevent the jQuery errors and restore masonry functionality.

Hope it helps.
Thanks

[paulcarpenterfilms]

@tristup

if (window.jQuery.xIsotope) window.jQuery.xIsotope.settings.animationEngine = 'css';

Hi, Thanks for that. Unfortunately, adding the JS doesn’t fix the issue. I guess I will need to wait for it to be patched?

[tristup]

Hi @paulcarpenterfilms,

It is very unfortunate that it does not work for you. I would suggest you check if that has been added to the correct place and check once by clearing type cache including the Style Cache from Cornerstone > Settings > System > Clear Style Cache and check in the incognito/private mode of the browser.

Thanks

[paulcarpenterfilms]

@tristup

if (window.jQuery.xIsotope) window.jQuery.xIsotope.settings.animationEngine = 'css';

Thank you, that appears to have worked.

[ruenel]

You are most welcome, @paulcarpenterfilms.