Filters

[Varail]

Hi

I want to post a list of jokes on my site. I want to add to each of them some key words as category under to serve for filters.

Exemple :

I told my wife, “Meet my friend Greg. Everything he says is brilliant.”

Her: Really? Nice to meet you Greg.

Greg: Brilliant.

Keywords >

Category:
Greg
Brilliant
Wife

And a way for the user to pick keywords from the keywords list, checkbox list or whatever and filter all the content and list all the jokes with the chosen keywords .

How do I do this ? Any tutorials on it ?

Thank you

[wwonderfull]

You may have made it sound simple but it is not that simple but a bit complex even with custom codes. As far as I know WYSIWYG Web Builder only has some tagging features for CMS Blogs but I am not sure how much it will help you for that filtering.

As you have said that it is a website which contains text written jokes not sure if there are images. But the tags you mentioned categories it doesn't work like the way you have said. It's something like A blog feature, but it's not a blog as you mentioned. It is for jokes which are small has less content even for proper SEO, and jokes are not a part of blogging as you know too unless you write a paragraph for it. Blogs have titles big content write author update time and have cards which take them to the bigger post to read more.

So in terms of custom code first of all it would need the base from where you load the textual jokes, you can put all jokes in one page or if it is too many then use a database for it then might have to load it from there. After that the jokers load in a container single by single or in a carousel with cards. And if not cards then static or random which is the supposed way it should be done.

Then comes filtering where you used keyword tags to filter the jokes inside the container itself which is the most important feature of your topic.

But the thing is this type of content filtering by TAGS or categories as you said is more connected to server sided stuffs that is the reason you would see it mostly in blogging. And there are big reasons for that which will take some time to give direction of understanding.

But if you do it using static method where you have all data loaded in webpage itself in its html then it does add some weight to the page but loads with all the content or jokes as you mentioned and then the DOM can be manipulated to filter it. But the page will take the load as the jokes load one after the other loads with about 1000 jokes until the page takes 30 or more seconds to load which can make the mob start to sob if they want pages to load more quicker.

By the way how many jokes you would want in the page 10 or 100 what is the highest limit? And what is the character size of that content meaning how many words in average or max?

[Varail]

I would say 10 jokes/page 100 words average.

[wwonderfull]

I would say 10 jokes/page 100 words average.

It is possible needs custom codes if you have some design aspect added to the solution might need more adjustments.

https://www.w3schools.com/howto/howto_j ... ements.asp

[wwonderfull]

That kind of stuff Wysiwyg web builder can also do but with images. So in that case your jokes need to be snipped or converted to blocks of images and you can use the gallery tool of WWB which is from my idea which I got from @pablo's gallery filter feature. To do that here is a demo from @Pablo with the gallery image filter so to take some inspiration.

https://www.wysiwygwebbuilder.com/suppo ... ilter.html

[mixextra]

Hi,
I'm using the tabbed filter on this page, created with WWB. One card can also be displayed in several filters:

https://aukcionar.sk/ponuka

[wwonderfull]

Hi,
I'm using the tabbed filter on this page, created with WWB. One card can also be displayed in several filters:

https://aukcionar.sk/ponuka

Nice thought almost forgot about that one although worked with it in a project. I think that would be a better temporary solution for @Varail unless there are 10 or 20 or more tags because the tab menu will increase and take more size which might not look like the bloggish button like Tag buttons but more like a stacked menu. But for now it may work if not.

The thing is that in tabs we have to place all in one then we again have to to put them individually repeatedly by categories or tags we then again have to put the same thing in another tab for example:

All has all the jokes in one tab with many keywords.
Then there is another tab which is brilliant which has any jokes which has the keyword brilliant at the same time that post has the keyword wife at the same time it also has jokes about the person named Greg so if filters are applied then I would say in the ALL tab it has that joke and on the other tabs which are GREG WIFE and BRILLIANT even those have the same joke unless he has to joke about those three keywords again and again to make more jokes about that same TAG or Category. So that means he might have to make more jokes about GREG WIFE & the keyword BRILLIANT more or else if new names or tags comes it will increase the tabs from 3 to even 20 or more tab names with Sarah Husband & the keyword Nerd for example and much more.

Now there maybe more keywords which are common in all the jokes which may cause the tabs to become so full that if you see it in mobile devises you would think as if your watching a table with several rows.

All said tabs are suitable for limited amount of keyword filtering I think from 2-6 or max 8 but beyond that it wont be able to serve other purposes.

[mixextra]

greetings,

the mentioned page is not built in such a way that the "card" we want to display is copied to each category/filter, that means that when we want the desired "card" to be displayed in 3 categories/filters, this "card" is only 1x in the project.

There is always only one "card" in the site project, and you can assign this one "card" to 1 category/filter or to 3 categories/filter at the same time.

[wwonderfull]

Thanks for the information @mixextra

@Varail this is what you might need.

This may be helpful:
viewtopic.php?t=82661

Demo:
https://www.wysiwygwebbuilder.com/support/filter/cards_filter.html


You can also use a text filter:
viewtopic.php?t=74522

Demos:
https://www.wysiwygwebbuilder.com/support/filter/filter_blog.html
https://www.wysiwygwebbuilder.com/support/filter/filter_combobox.html
https://www.wysiwygwebbuilder.com/support/filter/filter_gallery.html
https://www.wysiwygwebbuilder.com/support/filter/filter_listview.html
https://www.wysiwygwebbuilder.com/support/filter/filter_menu.html

[mixextra]

The filter on the page I presented is based on this template from @Pablo.:

https://www.wysiwygwebbuilder.com/suppo ... ilter.html

The assignment of one card to several categories/filters was added.