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

[JADIS]

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

[websensepro]

Hi, @JADIS.

Follow these steps:

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

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!

[JADIS]

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

[websensepro]

Please send me screenshot 

[JADIS]

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 :