I need assistance with configuring live load feature.ng.

[elearningpro80Participant]

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

[elearningpro80Participant]

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

[Ernest MarcinkoKeymaster]

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 :)

[elearningpro80Participant]

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.

[Ernest MarcinkoKeymaster]

You cannot access this content. Best,
Ernest Marcinko
If you like my products, don't forget to rate them on codecanyon :)

[elearningpro80Participant]

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

[elearningpro80Participant]

You cannot access this content.

[Ernest MarcinkoKeymaster]

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 :)

[elearningpro80Participant]

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!

[Ernest MarcinkoKeymaster]

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 :)

[Author]

Posts