#1 2016-01-25 14:24:22

federico
Member
Registered: 2016-01-25
Posts: 12

Articles filtering/sorting: Considering multiple article categories

Hi all,
I am newby on Ionize but I fell in love with its flexibility, so I decided to keep shaping my website from the ground-up with it smile
Despite tons of posts on filtering/sorting in this blog, I wasn't able to find an appropriate way (or maybe I didn't search enough) on how organizing and filtering articles by multiple element categories. Actually, I am considering articles as "projects" or "works", so they basically fall in different categories, for instance:

Article/Project 01 should have - in database - one info belonging to the following category types, accordingly:
- "Category A: expertise" - (like design);
- "Category B: typology" - (like offices); 
- "Category C: dimension" - (like m2 square meters - how and where to put article data ranges?);
- "Category D: location" - (like Moscow, this info should have coordinates in order to display in a map);

Once the article/project info database is set, would be great to have related filters in the frontend, like for istance:

Select projects by:
- expertise (....);
- typology (....);
- dimension (....);
- display works in a map (....).

------

The following code is adopted to display all projects in one single page, which is working ok. But first, I need to know how to set all forementioned info categories for each articles/projects...in this regards, should I use the category list and create different sets of typologies accordingly? or I should create different category types and then for each types all subcategories?

   <ion:articles>
        <ion:article>
            <div class="item medium landscape"><a href="<ion:url />" >
                <ion:medias type="picture,video" limit="1">
                    <ion:media:type is="video">
                        <div class="media">
                            <ion:media:provider  is='youtube'><iframe class="video" width="100%" height="200" src="<ion:media:src />" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></ion:media:provider>
                            <ion:media:provider  is='vimeo'><iframe class="video" width="100%" height="200" src="<ion:media:src />" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></ion:media:provider>
                            <ion:media:provider  is='dailymotion'><iframe class="video" width="100%" height="200" src="<ion:media:src />" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe></ion:media:provider>
                            <ion:media:extension is="mp4"><video class="video" width="100%" height="200"controls><source src="<ion:media:src />" type="video/mp4" ></video></ion:media:extension>
                            <ion:media:extension is="ogv"><video class="video" width="100%" height="200" controls><source src="<ion:media:src />" type="video/ogg" ></video></ion:media:extension>
                        </div>
                    </ion:media:type>
                    <ion:media:type is="picture"><img src="<ion:media:src size='300,200' method='adaptive' />" />
                    </ion:media:type>
                </ion:medias>
                <div class='span-wrapper'>
                    <span class="category"><ion:date format="m - Y" /></span>
                    <span class="category"><ion:lang /><ion:categories:list separator=" - " /></span>
                </div>
                <ion:article:title tag="h3" class="client"/>
                </a>
            </div>
        </ion:article>
    </ion:articles>


------

Do you know how to achieve this articles subcategory lists and filtering in Ionize?
Many thanks for the help, much appreciated!

Offline

What's Ionize ?

Ionize is an Open Source Content Management System created by webdesigners for webdesigners.

Created and maintained by Partikule and Toopixel, Ionize wants to be the easiest and most powerful CMS.

Can I help ?

Because talent is nothing without involvement, we are looking for motivated coders and webdesigners to join the project team.

Resources

Website : ionizecms.com
Documentation : doc.ionizecms.com

Development : Ionize on GitHub
Translations : Ionize Translations