Search the Community
Showing results for tags 'isotope'.
-
Hello everyone, I am struggling a little bit with combining Isotope with Processswire. The functions themselves work nicely and I managed to give the sortable items their categories via a page field and now I also want to make the sort order manageable with a field instead of on the actual site, so the client can easily set the way they want their stuff ordered. I am using a Select Options Field and am giving the sortable elements an extra class with that, and that does actually work, looking like this: <h2 class="headline_article<?php if ($home->sortPreviews->value == "headline"){echo " is-checked";}?>"><?php echo $article->headline; ?></h2> The only problem I have is that for the headline I want the sort order to be ascending, but for the date I want it to be descending, and as far as I know with my 1 month of coding knowledge I can only set it as either or in the grid defining javascript. Which now basically looks like this: var $grid = $('.grid').isotope({ getSortData: { selectedCategory: '.is-checked', } }); $grid.isotope({ sortBy: 'selectedCategory', sortAscending: { selectedCategory: false, } }); is it possible to either check if the item that now has the class "is-checked" also has the class "date" and then to set the sort order to descending in that case while in any other it should be ascending? Or if not is there maybe a different way to approach the whole idea? Any help is much appreciated!
- 1 reply
-
- isotope
- select options field
-
(and 1 more)
Tagged with:
-
This is a minimalistic website for the german architecture office Weissenrieder Architekten BDA. The front-end uses UIkit 2 and Isotope for the projects overview. Every project category can be accessed in the overview with an URL segment. ProFields Table was used for the project detail view. www.architekt-weissenrieder.de Modules used: AdminThemeUIkit Table ProCache Markup Sitemap XML Email Obfuscation (EMO) Jumplinks Tracy Debugger Regards, Andreas
- 6 replies
-
- 6
-
- architecture
- isotope
-
(and 2 more)
Tagged with: