Okay
  Public Ticket #2787881
Ajax redraw
Closed

Comments

  •  3
    mgmarceau started the conversation

    Hi there!


    I've spent some time on this problem but I can't figure it out. I'm not one to open many tickets because I like tinkering around and solving my issues myself but on this one, I need your help :)

    I'm using WOOF product filter addon on the front page to create a car part filter. It's using the ajax redraw function so that when you filter on a brand of car, it will show you the models for that particular brand. When the search happens, the style of the dropdown get reset. 

    I'm happy to provide any other details.

    Many thanks!

  •  1,878
    Judith replied

    Hi There,

    Thanks for contacting us.

    I am afraid, we are not able support a third party plugin or addon,

    I recommend that you contact the support team of the WOOF product filter addon for further assistance.

    Thanks.

  •  3
    mgmarceau replied

    Hi Judith,

    I've already contacted WOOF and they said to contact the theme provider.

    I think I might have an idea. Can you help me find the custom dropdown CSS styling that the theme uses? I can apply that to the custom CSS code in the WOOF product filter plugin.

    Thanks!

  •  8,847
    Tahir replied

    Escalating this to the developer for a quick look.

    Could you allow us to log in to your website backend dashboard so we can check on this for you more?. We are gonna need the username and password of admin user as well as the login url.

    Thanks 


    ThemeNectar Support Team 

  •   mgmarceau replied privately
  •  1,071
    ThemeNectar replied

    Hey mgmarceau!

    I took a look through the plugin code and found that they trigger an event called "woof-ajax-form-redrawing" that can be hooked on to. I used that to create this snippet to reinitialize the select plugin Salient offers.

    <script>
    jQuery(document).ready(function($){
       document.addEventListener("woof-ajax-form-redrawing", function(event) { 
         $('.woof_select').each(function () {
           $(this).wrap('<div class="fancy-select-wrap" ></div>');
           $(this).select2({  
              minimumResultsForSearch: 7,
              width: '100%'
           });
         });
       });
    });
    </script>
    

    I've added that to your Salient options panel > general settings > css/script related tab and it seems to have worked. Can you try testing from your end?

    Kind regards,

  •  3
    mgmarceau replied

    Hi! OMG IT WORKED! GENIUS! Thank you SOOOOOOOO much!

  •  3
    mgmarceau replied

    While we're here, any idea why the FILTER and RESET button are misaligned?

  •  1,071
    ThemeNectar replied

    Glad that I could help, mgmarceausmile.png

    You should be able to correct that with the following CSS snippet:

    .woof_submit_search_form_container {
        display: flex;
    }
    
  •  3
    mgmarceau replied

    You guys are amazing. Thank you so much! I love using salient btw :) I can't wait for you guys to introduce a "template" that I can use on all my products instead of re-creating them each time. That would be perfect!


    Many thanks again!