I need assistance with configuring live load feature.ng.

Home Forums Product Support Forums Ajax Search Pro for WordPress Support I need assistance with configuring live load feature.ng.

This topic contains 9 replies, has 2 voices, and was last updated by Ernest Marcinko Ernest Marcinko 2 months, 1 week ago.

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #40132
    elearningpro80
    elearningpro80
    Participant

    Hello,

    We sell online training courses. Our production site is https://brightmindstraining.com

    I have setup the following page. https://www.brightmindstraining.com/test-page/
    It includes the following short codes
    [wpdreams_ajaxsearchpro id=3]
    [products columns=”4″ category=”course” orderby=”title”]

    The products short code is a standard short code from woocommerce.

    Using your Ajax Search Pro plugin I am trying to create a filter based on course categories. This filter (Product Category V1) has short code id 3. I have spent many hours on this and have had limited success.

    Ideally, when a user selects a course category the page results will show only the products that have that category assigned. I experimented with the options in search behavior – search | elemenator | archive | shop page live results.
    I temporarily enabled live load (search page / shop page / taxonomy archive), but the products displayed on the test page were not filtered. Perhaps I’m trying to use these features in a way for which they were not intended. I realize this is experimental functionality. Perhaps you can tell me which settings I am not properly applying to get the desired result.

    I am trying to recreate the filter feature utilized on our course offerings page https://www.brightmindstraining.com/course-offerings/
    That page and the drop down list feature used there is based on the Learndash plugin course grid short code with Learndash courses. I want to move away from using that page and the Learndash shortcode and instead use a page based on woocommerce products. My ultimate goal is to use the Barn2 Fast Cart plugin https://barn2.com/wordpress-plugins/woocommerce-fast-cart/ For that to happen I think I need to present a page with woocommerce products to my customers instread of the current Course Offerings page that presents the Leandash course grid / courses.

    I did watch your very good video and gained the basic understanding about how to setup the drop doen list. https://documentation.ajaxsearchpro.com/frontend-search-settings/custom-field-selectors#option-groups-drop-down-and-multiselect-only

    My second less desirable option is to apply some formatting to the “Filter by Course Categories” text to the Product Category V1 search instance on the test page so that it is bold text. Also, I would like to format the drop down list search box so that it has the same background color as the main search box rgb(255, 162, 37) and have a black border as the main search box does. I have not found options to do that in your plugin. Are these formatting options possible with the plugin?

    Kind regards,

    Larry

    #40135
    elearningpro80
    elearningpro80
    Participant

    Hello,

    I have made some progress on this matter today. However, I still have need for guidance on a few points.

    On my test page https://www.brightmindstraining.com/test-page/ I changed the filter to Product Category V2. It has short code ID = 6.

    The search now opens the WooCommerce product results page!

    I would like to hide the search box and the search box results and have this action (show results in woocommerce product page) triggered by selecting a product category from the drop down list. I have enabled search behaviors || live search triggers || Trigger live search when changing a facet on settings (like checkboxes, drop-downs etc..), but the only way I can get the live search to work is by clicking the magnifier in the search box. Please share with me how to get this to work.

    I would still also like to make the bold font, background color and border changes mentioned in my original request.

    Thank you,

    Larry

    #40152
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    HI Larry,

    Thank you for the details!

    Well, triggering a redirection to the results page via a facet change (catregory selection) is not possible I’m afraid. However as an alternative you can turn off the live search trigger for the facet (so it does not start searching), and add a search button, which then you can configure to redirect to the WooCommerce results page.
    It is possible to hide the search box via this option.

    As for the select box styling, it is a bit tricky, but might be possible via these custom CSS rules:

    .asp_sb fieldset legend {
        font-weight: bold !important;
        padding-left: 0 !important;
    }
    
    .asp_sb fieldset select {
        background: #ffa225 !important;
        border: 2px solid black !important;
    }
    
    .asp_sb .asp_select_label {
        padding-left: 0 !important;
    }

    These should get you something like this: https://i.imgur.com/UNlXfye.png

    Best,
    Ernest Marcinko

    If you like my products, don't forget to rate them on codecanyon :)


    #40159
    elearningpro80
    elearningpro80
    Participant

    Hello Ernest,

    Your product support is first class!

    I implemented the changes you documented so well. The CSS worked perfectly.

    Your Ajax Search Pro plugin is very full featured.

    Thank you.

    #40176
    Ernest Marcinko
    Ernest Marcinko
    Keymaster
    You cannot access this content. Best,
    Ernest Marcinko

    If you like my products, don't forget to rate them on codecanyon :)


    #40182
    elearningpro80
    elearningpro80
    Participant

    Hello Ernest,

    I purchased and am working hard to evaluate the Barn2 fast cart and and quick view plugins.

    One thing that would improve the appearance of the search (drop down list) that you helped me with would be if the search button was aligned horizontally with the top of the Choose a Category drop down list. I don’t know if that is possible with CSS or not. If it would not be too much trouble for you maybe you can provide the needed CSS to accomplish that. I would need to know how the CSS fits within the context of the CSS you already shared.

    If it takes too much time then don’t worry about it. I have other customizations that will need to be made for fast cart and quick view plugins anyway. I’ll just add this too the list.

    Thank you,

    Larry

    #40183
    elearningpro80
    elearningpro80
    Participant
    You cannot access this content.
    #40206
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    Sure!

    Please try this:

    form.asp-fss-flex {
        align-items: flex-end;
    }
    .asp_search_btn {
        line-height: 18px !important;
    }

    It should get you something like this: https://i.imgur.com/gZRHDsY.png

    Best,
    Ernest Marcinko

    If you like my products, don't forget to rate them on codecanyon :)


    #40211
    elearningpro80
    elearningpro80
    Participant

    Hello Ernest,

    You are awesome!

    That works perfectly.

    I created a wordpress.org or code canyon review about you and your plugin yesterday. I hope it help you out.

    Please close this ticket.

    Thank you!

    #40217
    Ernest Marcinko
    Ernest Marcinko
    Keymaster

    Thank you very much, it helps us tremendously 🙂

    I will close this ticket as requested.

    Best,
    Ernest Marcinko

    If you like my products, don't forget to rate them on codecanyon :)


Viewing 10 posts - 1 through 10 (of 10 total)

You must be logged in to reply to this topic.