Display out of stock - by Giffy Exclusive Store

Solved14 replies2 participantsUpdated by Giffy Exclusive Store

  • Avatar: Giffy Pet Shop
    Giffy Exclusive Store
    Participant

    i need to display out of stock like this https://ibb.co/jgGBqyV

    #279911 Copied Theme version: 7.1.3

    14 Answers

    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    Hello,

    By default, our out-of-stock label looks different, but we can try to use custom CSS code to help you. Provide URL of page with this label, please.

    Regards

    #279913 Copied
    Avatar: Giffy Pet Shop
    Giffy Exclusive Store
    Participant

    check this product : Royal Canin Veterinary Urinary S/O Adult Dry Dog Food – 2 kg

    url : https://headsupfortails.com/collections/dog-products?custom_constraint=custom-filter+vendor=royal-canin+only_available=false

    #280028 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    As I can see, the “out of stock” label is there, but it is not our label, but one that comes from an additional plugin. Contact support of that plugin to get assistance.

    Regards

    #280057 Copied
    Avatar: Giffy Pet Shop
    Giffy Exclusive Store
    Participant

    this link is not an our site, this is an my competitor site, site build on shopify

    #280209 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    We need URL of site where our theme is activated and “out of stock” products persists (Enable “Out Of Stock” Label in Theme Options > WooCommerce > Shop elements).

    Regards

    #280225 Copied
    Avatar: Giffy Pet Shop
    Giffy Exclusive Store
    Participant

    check

    Please contact administrator
    for this information.
    #280611 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    Try to use the next custom CSS code:

    .content-product .stock, .content-product .available-on-backorder {
    left: 41px !important;
    color: white;
    background-color: #141414;
    top: 30px;
    font-size: 13px;
    line-height: 21px;
    padding: 3px 6px;
    text-transform: capitalize;
}
.content-product p.stock.out-of-stock:before {
    display: none;
}

    Regards

    #280675 Copied
    Avatar: Giffy Pet Shop
    Giffy Exclusive Store
    Participant

    its ok for out of stock label
    need to display sold out disbaled button below the product instead of read more like this : https://ibb.co/jgGBqyV

    #280833 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    Hello,

    Provide URL of your site, that uses our theme, where we will be able to see the mentioned “Read more” buttons.

    Regards

    #280889 Copied
    Avatar: Giffy Pet Shop
    Giffy Exclusive Store
    Participant

    check : https://www.giffypetshop.com/product-category/cats/cat-food/dry-cat-food/

    #280902 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    Try to use this custom CSS code:

    .outofstock .content-product .button {
    background-color: grey;
    font-size: 0px !important;
}
.outofstock .content-product .button:after {
    content: "SOLD OUT";
    display: inline-block;
    font-size: 14px;
}
.outofstock .content-product .button:before {
    margin-right: 0px !important;
}

    Regards

    #280914 Copied
    Avatar: Giffy Pet Shop
    Giffy Exclusive Store
    Participant

    thanks for you help
    check : https://www.giffypetshop.com/product-category/cats/?filter_brand=royal-canin
    product : Royal Canin Fit 32 Adult Dry Cat Food
    in this product 2kg product in stock, 4 kg product out of stock, when we select 4kg it display read more , need to change this text into sold out and also out of stock label not display over the image

    #281042 Copied
    Avatar: Rose Tyler
    Rose Tyler
    Support staff

    Change this code http://prntscr.com/10w204d to 

    .outofstock .content-product .button,
.content-product .st-swatch-btn-readmore {
    background-color: grey;
    font-size: 0px !important;
}
.outofstock .content-product .button:after,
.content-product .st-swatch-btn-readmore:after {
    content: "SOLD OUT";
    display: inline-block;
    font-size: 14px;
}
.outofstock .content-product .button:before,
.content-product .st-swatch-btn-readmore:before {
    margin-right: 0px !important;
}

    The label can’t be displayed in this case.

    Regards

    #281166 Copied
    Avatar: Giffy Pet Shop
    Giffy Exclusive Store
    Participant

    thanks for your help

    #281179 Copied

The issue related to '‘display out of stock’' has been successfully resolved, and the topic is now closed for further responses