Elementor - Add Themify WooCommerce Product Filters to an Off-Canvas Pop-Up Button for Free

Поделиться
HTML-код
  • Опубликовано: 11 дек 2024

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

  • @mattiasbruhn9890
    @mattiasbruhn9890 Год назад

    Thanks man!! After weeks of searching! I'll try to remember your affiliate link when purchasing. Again, thank you so much. ✨️😎 Keep up your amazing work!

  • @fernandovera9606
    @fernandovera9606 17 дней назад

    Does this work for filtering subcategories?

  • @NeBeKPL
    @NeBeKPL 2 года назад +5

    For anyone having problems with blank popup - try this css code
    .elementor-shortcode form
    {
    visibility: visible !important;
    }

  • @dasonk
    @dasonk Год назад +1

    Hey, Imran! Thanks for your help and with the help of the CSS code the blank popup was resolved. Noticed the Price Slider isn't showing when on Mobile when you want to adjust the pricings. Do you have a solution for this?

    • @websquadron
      @websquadron  Год назад +1

      Let me check

    • @dasonk
      @dasonk Год назад

      @@websquadron Any progress? ☺

    • @nclscndra
      @nclscndra 7 месяцев назад

      @@dasonk hi, do you found the solution yet?

  • @WilhelmC
    @WilhelmC 3 года назад +1

    Thank you for sharing!

    • @websquadron
      @websquadron  3 года назад +1

      No worries! Got asked to help someone out who was struggling with the Pop-Up :)

  • @robertocriado4169
    @robertocriado4169 2 года назад +1

    Awesome, quick, easy, no bullshit. Perfect! You got a new follower

  • @qaryatalhikayat1536
    @qaryatalhikayat1536 2 года назад +1

    Thank you for the video. It is exactly what I want. Unfortunately the popup is blank at my side too, how can I fix it?

    • @websquadron
      @websquadron  2 года назад +1

      Is it still blank after you have purged your site, and refreshed the page?

    • @qaryatalhikayat1536
      @qaryatalhikayat1536 2 года назад +1

      @@websquadron Yes, it is I noticed something weird, When I go to my shop then click on the filter icon the popup shows up blank, but if I click on one of the products then I return back to the shop page, then click again on the filter icon the popup shows up with my filters inside. I need to go to one of the products first each time I want to refilter. Do you have any idea what is going on?

    • @websquadron
      @websquadron  2 года назад +1

      @@qaryatalhikayat1536 Do you have any Optimisation plugins installed. It could be one of them, or another plugin interfering. Difficult to assess as it worked for me fine.

  • @TateSpirit
    @TateSpirit 2 года назад +2

    Hi mate, love your videos, i followed your first themify video and now wanted to do the same on Mobile, then i realized the pop-up feature is available only in the Pro version and not in the free version of Elementor, you should have mentioned it in the beginning. I used the same filters in the mobile which i used for the desktop but once we filter things the filter button disappears.

    • @websquadron
      @websquadron  2 года назад +1

      Check that Ajax is enabled

    • @TateSpirit
      @TateSpirit 2 года назад +1

      @@websquadron Thank you for the reply, could you please point out where can i find that? I can't find it in product filters.

  • @wesselcornelisse8813
    @wesselcornelisse8813 2 года назад +1

    Hi guys, did anyone find a solution for the blank pop-up? I can't get the filters to show up within the pop-up. If someone has a solution for me it would be much appreciated.

    • @websquadron
      @websquadron  2 года назад +2

      It normally works for me

    • @wesselcornelisse8813
      @wesselcornelisse8813 2 года назад +1

      @@websquadron Thanks for the quick reply! Do you know any other methodes to achieve the same kind of pop-up filter?

    • @websquadron
      @websquadron  2 года назад +2

      @@wesselcornelisse8813 That is one of the best ways that I know - unless you use a specific Ajax Woo Pop-Up filter. Most of the others cost money though.

    • @NeBeKPL
      @NeBeKPL 2 года назад

      try this css code
      .elementor-shortcode form
      {
      visibility: visible !important;
      }

  • @tizianavalderrama4886
    @tizianavalderrama4886 2 года назад

    I see that the popup appears blank for everyone, is there any solution (Besides clearing the cache) or it doesn't work?

    • @websquadron
      @websquadron  2 года назад +1

      Clear the cache.
      After I did that it was fine

  • @anonimcrypto827
    @anonimcrypto827 3 года назад

    Same issue... Blank Page. I watched the video 3 times. Somebody got how to fix?

    • @websquadron
      @websquadron  3 года назад +1

      I always find that I just regenerate the css and refresh the page and then it’s fine.

    • @anonimcrypto827
      @anonimcrypto827 3 года назад +1

      @@websquadron I'm emailed you

    • @websquadron
      @websquadron  3 года назад +1

      @@anonimcrypto827 not had anything yet

  • @sjluxe6019
    @sjluxe6019 3 года назад +1

    Hi Imran, I finally got round to trying this out and I've encountered a problem. I've set you the product filter template for mobile, I've created the pop up and I created a button on the shop page. Everything "appears" to work, however the pop up is blank. I double checked the shortcode and it's perfect. The button is set to trigger the popup and it's visible. The popup slides in and out nicely, but it's blank. I checked the colours making sure it wasn't white on white, but nope. I cannot figure out why the actual filters are not showing. I've already set up filters using themify for big screens and that's fine. I just simply copied the same filter but changed the filter visibility to shop as suggested. I even tried to unset that to "same page". no joy! Can you help? :) Cheers S

    • @websquadron
      @websquadron  3 года назад +2

      When I first did it - it did that too and I just had to purge the cache and then it was fine.

    • @sjluxe6019
      @sjluxe6019 3 года назад +1

      @@websquadron I tried that several times and cleared browser cache too and no joy.. I'm going to apply this same pop up to Jet filters, think it'll look pretty cool. Thanks

    • @websquadron
      @websquadron  3 года назад +1

      @@sjluxe6019 If you email me on info@websquadron.co.uk with Admin access, I'll have a 5 min look.

    • @sjluxe6019
      @sjluxe6019 3 года назад

      @@websquadron That's very kind of you. I have removed the filter as it was on a live site and I had other issues too. I had limited styling, I tried to make the filter column sticky on big screen and it was doubling up (part stuck and part scrolling) almost like there were 2 filters on top of each other, but there weren't. I'll drop you a message if I get into any other issues. I'm just fighting with AJAX atm too. Oh how I love Saturdays! :)

    • @sjluxe6019
      @sjluxe6019 3 года назад

      @@websquadron I've just dropped you an email ;)

  • @NayOliveira_sngr
    @NayOliveira_sngr 2 года назад

    dont work

    • @websquadron
      @websquadron  2 года назад +1

      When you say it doesn’t work - how do you mean? Are you applying any combined or aggregated CSS or JS - if so then deactivate that.

    • @NayOliveira_sngr
      @NayOliveira_sngr 2 года назад

      @@websquadron the filter dont work , i do it the same way like you on video but dont work , could be about a new flexbox container form elementor ?

    • @websquadron
      @websquadron  2 года назад

      @@NayOliveira_sngr I do it with Sections and Columns. Note that Flexbox is still in Alpha.