How to Filter WordPress Posts and Products by Values from Meta Fields | JetSmartFilters

Поделиться
HTML-код
  • Опубликовано: 4 июл 2024
  • In this tutorial, learn how to set up a filter system using #JetEngine and #JetSmartFilters to refine posts based on custom #metafields. Follow step-by-step instructions on creating meta boxes, setting up checkboxes, configuring JetSmartFilters, and integrating them seamlessly into your website. Optimize your content organization with this comprehensive guide below.
    📄 How to Use Values from Meta Fields as Data Source
    👉out.crocoblock.com/3xoPn36
    ► TIMESTAMPS
    00:00 Introduction
    00:39 Meta boxes
    01:30 Meta fields
    02:18 Setting up the filter
    03:28 Checkbox filter widget
    04:26 Checking the front end
    ---------------
    ►Get JetEngine: out.crocoblock.com/4aP41iB
    ►Get JetSmartFilters: out.crocoblock.com/3vXgkui
    ►Choose Crocoblock subscription: out.crocoblock.com/3JisDV2
    -------------
    Watch related videos:
    ◎ JetSmartFilters Tutorials Playlist
    👉 • JetSmartFilters | Tuto...
    ◎ JetEngine Tutorials Playlist
    👉 • JetEngine | Tutorials
    ---------------
    Follow Wicky Design for more useful content:
    ► wickydesign.com/
    ► ‪@WickyDesign‬
    ---------------
    #WebDesign #WebDevelopment #WordPress
    Join us here:
    ► FB Community: / crocoblockcommunity
    ► Facebook: / crocoblock
    ► Twitter: / mrcrocoblock
    ► Instagram: / mrcrocoblock
    ► LinkedIn: / crocoblock

Комментарии • 26

  • @mdmoklechurrahman-xq5wr
    @mdmoklechurrahman-xq5wr 2 месяца назад

    very nice

  • @Brammen
    @Brammen 2 месяца назад +1

    4:45 How to change this filter to "AND", so when I click more than one checkbox, I get only the entries with ALL these values not "OR"?

    • @Crocoblock
      @Crocoblock  2 месяца назад

      well, it's not a built-in functionality, so I could suggest you a kind of workaround
      kindly note that in case of applying it, the filter will not be indexed
      1) Do not enable the toggle 'Is checkbox meta field': prnt.sc/LyJ8ZJd2q6_g
      2) The query variable should be like this prnt.sc/3Puscb1eozlc (checkbox_and__meta_key)
      You need to replace the 'meta_key' part with the name of your meta field.
      3) The PHP code below is to be added to the Code Snippets plugin or functions.php file of your current theme.
      gist.github.com/Crocoblock/d2ca4ca7fb8e22d1ab7e466a87a71337
      if you have a filter based on taxonomy, then you can apply the Intersection operator prnt.sc/aOWr7RWOvx7O

  • @bobruis4073
    @bobruis4073 2 месяца назад

    Does this also work with text fields? I got a variable of values (like hundreds flexible options). So my input is a value that can be flexible by input

    • @Crocoblock
      @Crocoblock  Месяц назад

      sorry, I'm afraid, I can't clearly understand you
      but in case you need to filter WooCommerce variables, then it can be done
      if you mean sth else, kindly provide details :)

  • @ValentinKunz
    @ValentinKunz 2 месяца назад +1

    Hello, thank you for this Video! Did you made a video about the whole project, not only the filter part? I would really like to see how you built the whole project, I am still a beginner and want a recomendation...
    Thank you and best regards,
    Valentin Kunz

    • @Crocoblock
      @Crocoblock  2 месяца назад

      we have plenty of videos on how to start using Crocoblock :)
      kindly follow these ones ruclips.net/p/PL26jaHWVtLFzwJwjmc1uUEu1MWHU7zUr5
      series about JetEngine from A to Z ruclips.net/p/PL26jaHWVtLFxve7uqAgIjbYa9zw7UrBCH
      A Beginner's Guide to Crocoblock JetEngine ruclips.net/video/IRwj4viefI8/видео.html
      here you'll find even more videos about the ropes of Crocoblock
      Have a good time watching them and learning our tools!
      Hope it helps you!

    • @ValentinKunz
      @ValentinKunz 2 месяца назад

      @@Crocoblock Thank you very much, that helps me a lot! Have a nice day, you earned yourself a new subscriber😊

  • @BackStabeR412
    @BackStabeR412 Месяц назад

    Hello, thank you for this video. I have a question, may I know, why my featured image post is not showing from listing grid? The filter checkbox is working but they only show the post title.

    • @Crocoblock
      @Crocoblock  Месяц назад

      @BackStabeR412 kindly proceed yo our support team so we could investigate your website to know what exactly is wrong in your case :)
      crocoblock.com/help-center/

    • @Crocoblock
      @Crocoblock  Месяц назад

      it looks like with dynamic image it could be done, if there's anything wrong, support will help you :) prnt.sc/Y8DxVOvl8OsK

  • @jhPampoo
    @jhPampoo 16 дней назад

    Hi, i'm using JSFilter for translated page by WPML, but it's not able to edit filter on other languages, when i change and update the filter for specific language it did not save and roll back to the native language setting, i try to create separative filter for specific language, but when filter product on shop page, it can not query out products based on _price (another currency beside the native currency), native language is ok but orthers did not
    I did setup WooCommerce Multilingual & Multicurrency and WPML enable translation for all jet part
    How can i fix it guys

    • @Crocoblock
      @Crocoblock  15 дней назад

      it might be that the issue is caused with the Multilingual & Multicurrency plugin as JetSmartFilters usually work well with WPML
      for deeper investigation I would recommend proceeding to our support team crocoblock.com/help-center/

  • @dicasdesites
    @dicasdesites Месяц назад +1

    Hi, i have a CPT "Clientes" with meta fields "_local" with the map and "_logotipo" for logo of my client, I create to the map listing and I use smart filters, I need filter when i click to my client logo the map show me the local of the cliente. How can I do this?
    I have just 1 CPT, every tutorial on crocoblock show me how to do this with mor CPT ou taxonomy, i don't have taxonomy, i need just filter map with the logo.

    • @wp_developer877
      @wp_developer877 Месяц назад

      Hi, I can help you to filter listing with client logo

    • @dicasdesites
      @dicasdesites Месяц назад

      @@wp_developer877 Hi! How can I to this?

    • @Crocoblock
      @Crocoblock  Месяц назад

      it can be done :)
      let me describe the way how exactly
      for example, you have a checkbox filter with clients-posts
      in the query var you need to do plain query 'clients'
      and then in the query builder - posts query - post in - you need to set the macro - jetsmartfilters query with clients
      give it a try please and let me know if you managed to do it :)

    • @dicasdesites
      @dicasdesites Месяц назад

      @@Crocoblock AWESOMEEEE! It's work! Thanks a lot!

    • @Crocoblock
      @Crocoblock  Месяц назад

      great :)
      thanks for letting know!

  • @scoooooding
    @scoooooding 2 месяца назад +1

    PLS make crocoblock community plugin like buddypress

    • @Crocoblock
      @Crocoblock  2 месяца назад +1

      I will pass it to the feature request list
      thanks for your suggestion :)
      meanwhile, we have multivendor marketplace solutions crocoblock.com/solution/multivendor-marketplace/
      just in case you haven't known about it

    • @Crocoblock
      @Crocoblock  2 месяца назад +1

      could you please proceed here to enlarge your idea github.com/CrocoBlock/suggestions

  • @stefanradu4550
    @stefanradu4550 2 месяца назад

    What kind of listing did you use? Because the filters are extremely fast and I can only get them to work that fast using a Twig Listing.

    • @Crocoblock
      @Crocoblock  2 месяца назад

      3:33 - JetEngine Listing Grid
      also, we have some videos which could help you to speed up your website
      ruclips.net/video/NknDPnAzFGQ/видео.html
      ruclips.net/video/heTtC7DFcPY/видео.html

    • @stefanradu4550
      @stefanradu4550 2 месяца назад

      @@Crocoblock Thank you for the suggestions. I was asking if the Listing is a Twig Listing or an Elementor? I noticed the Twig listings are 2x faster than Elementor listings regarding JetSmartFilters while displaying the same data.

    • @Crocoblock
      @Crocoblock  Месяц назад +1

      yep, you're right, using Twig provides you better speed results comparing with Elementor