Why does my product page design change when items are sold out?

Why when a product is sold out my product page changes from that

to that ?

I wish it stayed the same please

Do you know how to do it please?

Theme: Dawn
Website: jadis-shop.com
password:rj

Thanks in advance

Hi, @JADIS .

Follow these steps:

Goto online store > Select the product > And update the product quantity > Attach the images .

websensepro_4-1696337473540.png

And refresh the product: and check now.

Like these before:

And like these after:

And next problem:

Follow These Steps.

Goto Online store > Assets > Edit code > find Base.css File and paste the code mentioned below.

.price.price--large.price--show-badge {padding-bottom: 10px;}

Result:

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

It doesn’t totally work because it changes the base position of “↑PRIX NEUF‎ ‎ ‎ ↑PRIX SUR JADIS” by lowering it and therefore on other pages it doesn’t look very good because there is a big gap. ..

Is it possible to lower “↑PRIX NEUF‎ ‎ ‎ ↑PRIX SUR JADIS” only when the product is sold out? to arrive at the same place as when the product is not sold out

thanks in advance

Please send me screenshot

I want to keep the same position for “↑PRIX NEUF‎ ‎ ‎ ↑PRIX SUR JADIS” even if this is sold out

so i want to have it like this everytime

but unfortunately at the moment when it’s sold out i dont’t now why there is this :