Remove transition effects on discount field field (cart and checkout)

[DARKF3D3]

By default discount field it's hidden, and to show it you have to click on a link.
I want to keep this, but I would like to remove the transition when open/close this field.
I can't figure out how they're added... It doesn't seem to be css transition.

Any help?

[Mian Waqas]

Add this code to Custom.css file

.cart-summary-voucher {
  transition: none !important;
}

 

Edited April 17, 2023 by Mian Waqas (see edit history)

[DARKF3D3]

Hi @Mian Waqas I can't find that path into classic template.
The only "js" folder I have it's into "assets" folder.

[Mian Waqas]

which PS version you are using

[DARKF3D3]

I checked on both PS1.7 and 8.0.

[Mian Waqas]

Just now, DARKF3D3 said:

I checked on both PS1.7 and 8.0.

i have edited my answer above, please use the css method

[DARKF3D3]

It's not working.
From what I see probably it's js animation, because when click on the link to show voucher field I see from code that there's a lot o style like width, height and padding with dynamic changing values.

[Mian Waqas]

4 minutes ago, DARKF3D3 said:

It's not working.

it should work, can you clear cache etc please.

but here is another solution as well, in the theme.js file look for the following code

toggleContent: function($content, $button, speed) {
    $content.slideToggle(speed);
},

replace it with the following

toggleContent: function($content, $button, speed) {
    if (!$content.hasClass('cart-summary-voucher')) {
        $content.slideToggle(speed);
    } else {
        $content.toggle();
    }
},

 

[DARKF3D3]

12 ore fa, Mian Waqas dice:

it should work, can you clear cache etc please.

Cache it's disabled. But a part from that I checked on both PS1.7 and 8.0 and there's no cart-summary-voucher class.
I will check theme.js...

[DARKF3D3]

I wan't able to find the javascript responsible of the animation on coupon field.

[Mian Waqas]

On 5/20/2023 at 7:09 PM, DARKF3D3 said:

I wan't able to find the javascript responsible of the animation on coupon field.

That is strange, the theme.js file of your classic theme shall have this script.  you sure you had searched by "slideToggle" in theme.js? also search in core.js as well?