[Resolved] Woocommerce product CSS changed after filter.

[Author]

Posts

[Himanshu Agarwal]

I created a custom search view by Beaver builder for woocommerce products.

Then I created a Template by Beaver builder, and shown that view in the template.

In first column I shown search result and in second column I shown search form.

Search is working fine but, after click on button the layout is changed, please let me know why is this happening and how to solve this?

I am attaching the images for before and after.

Also after click on button there are two button showing plug and minus, how to remove them?

[Minesh Supporter Languages: English (English ) Timezone: Asia/Kolkata (GMT+05:30)]

Hello. Thank you for contacting the Toolset support.

Well - I need to review your current setup to see whats going wrong there.

Could you please share problem URL and access details.

*** Please make a FULL BACKUP of your database and website.***
I would also eventually need to request temporary access (WP-Admin and FTP) to your site. Preferably to a test site where the problem has been replicated if possible in order to be of better help and check if some configurations might need to be changed.

I would additionally need your permission to de- and re-activate Plugins and the Theme, and to change configurations on the site. This is also a reason the backup is really important. If you agree to this, please use the form fields I have enabled below to provide temporary access details (wp-admin and FTP).

I have set the next reply to private which means only you and I have access to it.

[Minesh Supporter Languages: English (English ) Timezone: Asia/Kolkata (GMT+05:30)]

Well - I see that you are using Ajax loading with the view that is not recommended to use when using Beaver Builder so I changed the setting to "Reload the page to update the View results".

Please check following Errata:
=> https://toolset.com/errata/beaver-builder-loses-its-elements-styles-when-using-views-ajax-pagination-and-toolset-forms-is-active/

If you can check now, the layout displaying correctly:
=> pperdraft.com/shop2/

[Himanshu Agarwal]

Thank you for reply.

Yes, now its working fine, but its updating the URL too. I don't want to change URL in browser after filter button is clicked.

How to achieve this?

[Minesh Supporter Languages: English (English ) Timezone: Asia/Kolkata (GMT+05:30)]

well - update URL option supported when you have AJAX view enabled and as you already know the limitation that you should not use the Ajax search view when using beaver builder hence it is not possible.

[Himanshu Agarwal]

I stopped using beaver, but still plus minus buttons are appearing after filter.

Please let me know how to remove them?

[Minesh Supporter Languages: English (English ) Timezone: Asia/Kolkata (GMT+05:30)]

I've added following CSS to view's Loop Editor CSS box:

.minus {display:none; }
.plus {display:none; }

I can see it's not displaying the buttons now.

[Himanshu Agarwal]

Thanks for this but I was not looking for css none display code.

I am looking for a hook or any other function to disable +/- buttons.

[Minesh Supporter Languages: English (English ) Timezone: Asia/Kolkata (GMT+05:30)]

Well - Toolset does not offer any hook or shortcode to disable the +- buttons.

I changed the theme and those +/- buttons were not available so it seems that the buttons coming from your theme. I suggest contacting your theme support (Genesis) and ask them to guide you with the available hooks to remove the +/- buttons available just beside the quantity input.

[Himanshu Agarwal]

Thank You

[Beda]

There is a solution for this BUG here:
https://toolset.com/forums/topic/wc-variable-price-disappear-when-using-filter/#post-1222203