Mastering Bricks Builder - Custom Sorting & Filtering

Подписаться 172 тыс.

Просмотров 3,4 тыс.

50% 1

In this video, we'll use Bricks Builder for WordPress to enhance our custom recipe blog with advanced filtering options.
If you still need to see the first video, where we created custom post types and templates, check it out here: • Mastering Bricks Build... .
Here's what you'll learn in this video:
1. Setting Up Filters: We'll add a filter section to our existing layout, positioned between the hero section and the recipe listings.
2. Custom Taxonomies: Learn how to use custom taxonomies for filtering recipes by type.
3. Custom Meta Fields: Use Advanced Custom Fields (ACF) to implement calorie filters per serving and cooking time.
4. Real-Time Filtering: Discover how to set up real-time Ajax filtering for a seamless user experience.
5. Styling and Classes: Apply styling and global classes to make the filter section look polished and professional.
6. Sorting Options: Add sorting functionality to sort recipes by cooking time or other criteria.
By the end of this tutorial, you'll have a fully functional and stylish filter system for your recipe blog. Remember, Bricks's filtering and sorting features are currently in beta, so use them cautiously on live sites.
Resources:
First Video in the Series: • Mastering Bricks Build...
Bricks Builder: jo.my/bricks
Advanced Custom Fields Pro (ACF): jo.my/rdmjt5
#wordpresstutorial #bricksbuilder #wordpressblog
Take your WordPress website and skills to the next level!
► The Essential Web Designer's Documents Pack
Looking to take your web design business to the next level? The Essential Web Designers Documents collection has got you covered! With handcrafted, professionally designed documents that have generated tens of thousands in revenue, you'll have everything you need to impress clients, streamline your workflow, and boost your bottom line.
► Buy the Essential Web Designer's Documents Pack Now: links.wptuts.c...
► THE TOOLS I LOVE ◄
If you like what we do and would like to support us, please consider using these affiliate links when purchasing any of the plugins covered in our tutorials. Thank you for your support.
► EXCLUSIVE WPTUTS DISCOUNTS ◄
✅ WPVivid Backup Pro: jo.my/vividpro (use WPTUTS20 for 20% off)
✅ Project Huddle: jo.my/etafyp (WPTUTS for 20% off - Exclusive)
✅ Flowmattic: jo.my/flowmattic (WPTUTS for 20% off annual plans)
✅ Clickwhale: jo.my/clickwhale (WPTUTS20 for a 20% discount on all plans)
► MY PREFERRED HOSTING PROVIDERS ◄
✅ Hostinger: jo.my/92dmbb
✅ CloudWays: jo.my/1feeng8
✅ SiteGround: jo.my/sgwptuts
► WORDPRESS VISUAL PAGE BUILDERS ◄
✅ ELEMENTOR PRO: jo.my/1s0t2s2
✅ Bricks Builder: jo.my/bricks
✅ Brizy Pro: bit.ly/2Ji97r8
✅ GenerateBlocks: jo.my/xotgcy
✅ DIVI 3 Page Builder: bit.ly/2HiiDcE
► WORDPRESS THEMES ◄
✅ GeneratePress Premium: bit.ly/2Ydn1SE
✅ Blocksy: jo.my/y67ten
✅ DIVI Theme: bit.ly/2G8JMiA
✅ Astra Pro: bit.ly/2zruoKn
► WORDPRESS TOOLS ◄
✅ InstaWP: jo.my/0jdh2j
✅ Crocoblock: jo.my/croc
✅ CSSHERO: bit.ly/2qbrRl6
► WORDPRESS PLUGINS ◄
✅ SEOPress Pro: jo.my/seopress
► SUBSCRIBE ◄
bit.ly/2rX7rhu
► LETS CONNECT: ◄
👉 Twitter: / wptutz
👉 Facebook Group: wptuts.co.uk/f...
SUPPORT: Our website offers additional information and perks. Please check it out! wptuts.co.uk

Опубликовано:

6 окт 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 23

@mr.matt.eastwood 3 месяца назад

Paul, you read my mind! I'm building a school directory right now and I swear, 2 hours ago I was thinking "guess it's time I learn about filtering in Bricks". And now here's your video. Hell yeah! :-D

@WPTuts 3 месяца назад

I'm all about timing Matt. lol

@PicSta 3 месяца назад

Thanks, Paul, for the chapter II of this series with filtering options.

@wppagebuilders 2 месяца назад

This is a fantastic tutorial! I was looking for a way to add filtering and sorting to my recipe website, and using Bricks to do it all without extra plugins is a huge plus. Following along with your clear steps made it really easy to understand. Especially helpful was the tip about using BEM naming conventions for styling. That will definitely save me time in the long run. Thanks for putting this together!

@RichardWadeUK 3 месяца назад

Awesome stuff mate.... This really is the content that I/we have been craving for!

@antonichristian5845 3 месяца назад

Great video Paul!! I have been playing with the filters and they seem to be working just fine but I hope they will continue to be expanded and be accessible to people with screen readers. Accessibility is important to me and it seems right now you can't access the filters with the keyboard, until that's added I will continue to use Gridbuilder for my facets.

@SellyS. 3 месяца назад

This is good to know! Thanks for pointing this out!

@WPTuts 3 месяца назад

I agree, accessibility needs to be something that has more focus in future Bricks updates.

@ElementoryMyDearWatson 2 месяца назад

Really helpful as always, thanks so much Paul. Any plans for demonstrating how to create a loop carousel?

@RichardMullin1 11 дней назад

Is there a special "trick" to filtering from a relationship? I have a page of cards of properties - each with a suburb field. The suburb field is chosen using a relationshiop field in the property CPT but when it comes to linking it in the filter - it doesn't seem to work. All other filters work

@LudovicCharlier 3 месяца назад

Nice video as usual, do you know a way to changer the order of the custom taxonomy by the way ? WordPress always display them alphabeticaly, I wonder if there is a workaround to change the order. I was working this morning on the built-in filters from bricks and tried to understand it for a client portfolio and now I see your video. Stop reading our mind Paul 😂

@georgeiskef5901 2 месяца назад

Hi I am trying to use minimum and maximum values from different ACF fields. I it possible to do that in the range filter? The purpose is to have a slider rather than a range where as long as the maximum value is not exceeded or the slider does not go under the minimum value, then the post should show in the query loop. I achieved this using a separate plugin, but this would be a tremendous thing. As I want to avoid using any plugins to keep the website very light. How can this be achieved? Thank you in advance.

@videographics1 3 месяца назад

Great tutorial / Demo 🙂 Do the filters also work with ACF / Metabox relations?

@WPTuts 3 месяца назад

I haven't tested them with relationships, so can't confirm that I'm afraid.

@SellyS. 3 месяца назад

Wow, that's pretty neat! Do you think this feature could eventually replace WP Gridbuilder?

@WPTuts 3 месяца назад

For relatively simple sites, sure. I till think GridBuilder WP has the edge in more complex setups.

@AhmadZaki-rw3tc 3 месяца назад

Hello dear, I was wondering if you guys have a team that we can reach to in order to make us a website?

@WPTuts 3 месяца назад

I'm afraid not, no.

@schatten105 3 месяца назад

didn't bricks pull the filters out of beta in 1.9.8?

@WPTuts 3 месяца назад

Yes, it was my mistake as I haven’t used them in a live site and assumed they were still in beta as they needed to be enabled in the settings.

@dustindauncey 2 месяца назад

Yeah I feel like once it was removed from beta and promoted to production ready that they should have removed the settings to enable it. Otherwise the OCD in me wonders why they don’t just have settings to enable or disable all the other elements. lol.