This topic has 2 replies, 2 voices, and was last updated 9 years, 5 months ago ago by Eva Kemp
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
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.
Tagged: badge, notifications, out of stock, royal, theme, waitlist, woocommerce
You must be logged in to reply to this topic.Log in/Sign up