Return to previous page

Royal Theme Out of Stock Badge & Waitlist Notifications

This topic has 2 replies, 2 voices, and was last updated 8 years, 10 months ago ago by Eva Kemp

ranbyideas

Participant

June 11, 2015 at 04:51

Hello,

We need to know how to change the position of the out of stock notification badge on the single product pages? It shows up over the top of the top middle of the picture and it looks weird.

http://sophiemayclothing.com/shop/womens-dresses/color-blocked-handkerchief-black-dress/

Can it be moved to the right corner of the pic or to the bottom of the image or just keep it in the middle like on the products list page?

Also when we have an out of stock item its forcing you to select a size (variation) in order for the woocommerce waitlist tool to kick in. Can you just have it show up automatically if the product is out of stock?

http://www.woothemes.com/products/woocommerce-waitlist/

Also when it does show up for some reason your theme is not working with it so it looks terrible and the email box is invisible.

I have included screenshots of all the above in a shared dropbox folder. Please let us know how to fix these issues ASAP.

https://www.dropbox.com/sh/9gefl6wwabgg5ib/AAB71mW_l-nVOVgqqjKhDUNJa?dl=0

Please, contact administrator
for this information.

#69188 Copied

1 Answer
Eva Kemp

Support staff

June 11, 2015 at 14:18
Hello,

To change position of “out of stock” icon use this code in custom.css file:
```
.product-images .label-product .out-stock {
 left: 85% !important;
}
```
As I see mail box is shown fine:
http://storage1.static.itmages.com/i/15/0611/h_1434011054_6554522_8845754117.png

To make “out of stock” message shown permanently add this code to custom.css file:
```
.single_variation_wrap {
display: block !important;
}
```
How to create custom.css you can watch in this tutorial (it’s for Legenda theme but the process is the same).

Regards,
Eva Kemp.
#69233 Copied
Tagged: badge, notifications, out of stock, royal, theme, waitlist, woocommerce
Viewing 2 results - 1 through 2 (of 2 total)