
crystalimagesinc(@crystalimagesinc)
2 Posts
Customers
Quote from crystalimagesinc on June 30, 2021, 20:39
We are using CSS to style the product filters to make a horizontal menu. When you click the label to expand the options, there is a short animation of the dropdown opening. We'd like to remove that entirely and just have the label click switch the option visibility on and off with no animation or delay.
Is there an option available for this, or something simple we can do to disable this animation?
We are using CSS to style the product filters to make a horizontal menu. When you click the label to expand the options, there is a short animation of the dropdown opening. We'd like to remove that entirely and just have the label click switch the option visibility on and off with no animation or delay.
Is there an option available for this, or something simple we can do to disable this animation?

Pablo Borysenco(@pavlo_borysenco)
34,196 Posts
Quote from Pablo Borysenco on July 1, 2021, 12:06
Hello
To get license key - https://codecanyon.net/downloads -> https://c2n.me/49ZXJv0.png
Paste your license key here - https://share.pluginus.net/image/i20210618130558.png -> https://share.pluginus.net/image/i20210618130614.png
In file - \wp-content\plugins\woocommerce-products-filter\ext\select_radio_check\js\html_types\select_radio_check.js - change this code - https://c2n.me/4cyOEwQ.png - to - .toggle()
Hello
To get license key - https://codecanyon.net/downloads -> https://c2n.me/49ZXJv0.png
Paste your license key here - https://share.pluginus.net/image/i20210618130558.png -> https://share.pluginus.net/image/i20210618130614.png
In file - \wp-content\plugins\woocommerce-products-filter\ext\select_radio_check\js\html_types\select_radio_check.js - change this code - https://c2n.me/4cyOEwQ.png - to - .toggle()

crystalimagesinc(@crystalimagesinc)
2 PostsTopic Author
Customers
Quote from crystalimagesinc on July 1, 2021, 19:01
I made the code change requested: https://imgur.com/a/DrKps7G
But the animation still plays when opening the menu: https://www.loom.com/share/91926071035f49b59edd08b794319382
When I click "price" the button expands before shrinking back to normal, with changes in CSS in element viewer on right.
I made the code change requested: https://imgur.com/a/DrKps7G
But the animation still plays when opening the menu: https://www.loom.com/share/91926071035f49b59edd08b794319382
When I click"price" the button expands before shrinking back to normal, with changes in CSS in element viewer on right.

Pablo Borysenco(@pavlo_borysenco)
34,196 Posts
Quote from Pablo Borysenco on July 2, 2021, 11:45
Hello
I did not notice that you have customized the code and for this reason I confused the code
Try in file - wp-content\plugins\woocommerce-products-filter\js\front.js - change code - https://share.pluginus.net/image/i20210702124338.png
Hello
I did not notice that you have customized the code and for this reason I confused the code
Try in file - wp-content\plugins\woocommerce-products-filter\js\front.js - change code - https://share.pluginus.net/image/i20210702124338.png