Display out of stock - by Giffy Exclusive Store

This topic has 15 replies, 2 voices, and was last updated 4 years, 2 months ago ago by Giffy Exclusive Store

  • Avatar: Giffy Pet Shop
    Giffy Exclusive Store
    Participant
    March 18, 2021 at 08:53

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

    14 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 18, 2021 at 08:57

    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

    Avatar: Giffy Pet Shop
    Giffy Exclusive Store
    Participant
    March 18, 2021 at 17:29

    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

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 18, 2021 at 22:12

    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

    Avatar: Giffy Pet Shop
    Giffy Exclusive Store
    Participant
    March 20, 2021 at 07:36

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

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 20, 2021 at 09:25

    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

    Avatar: Giffy Pet Shop
    Giffy Exclusive Store
    Participant
    March 23, 2021 at 17:41

    check

    Please contact administrator
    for this information.
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 24, 2021 at 09:04

    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

    Avatar: Giffy Pet Shop
    Giffy Exclusive Store
    Participant
    March 24, 2021 at 17:44

    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

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 25, 2021 at 09:03

    Hello,

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

    Regards

    Avatar: Giffy Pet Shop
    Giffy Exclusive Store
    Participant
    March 25, 2021 at 09:42
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 25, 2021 at 10:16

    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

    Avatar: Giffy Pet Shop
    Giffy Exclusive Store
    Participant
    March 25, 2021 at 18:02

    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

    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    March 26, 2021 at 12:56

    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

    Avatar: Giffy Pet Shop
    Giffy Exclusive Store
    Participant
    March 26, 2021 at 13:44

    thanks for your help

  • Viewing 15 results - 1 through 15 (of 15 total)

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

Helpful Topics

We're using our own and third-party cookies to improve your experience and our website. Keep on browsing to accept our cookie policy.