Out of stock text change to sold - by Thinktech

This topic has 6 replies, 3 voices, and was last updated 5 years, 6 months ago ago by Olga Barlow

  • Avatar: Thinktech
    Thinktech
    Participant
    June 12, 2019 at 05:46

    1.how to change the out-of-stock text to “sold”
    2.provide the css for sold tag what you had provided for new and sale tag previously.
    3.http://prntscr.com/o0qfa9
    4.http://prntscr.com/o0qh7n

    5 Answers
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 12, 2019 at 08:07

    Hello,

    1. You can use translation (for example Loco Translate plugin) to change the text without editing php files –http://prntscr.com/o0ro8f https://prnt.sc/o0ro3p Create English translation, change desired strings of WooPress theme and disable the Loco translate plugin.
    2. http://prntscr.com/o0rqg5 > https://prnt.sc/o0rqak

    .label-product .out-stock {
        transform: rotate(320deg);
        border-radius: 0;
        width: 140px;
        height: auto;
        left: 6px;
        top: 50px;
        right: auto;
    }
    .label-product .wr-c {
        margin-top: 0px;
        padding: 8px 0px;
    }
    .out-stock .wr-c .bigT {
        font-size: 14px;
        font-weight: 700;
    }

    Regards

    Avatar: Thinktech
    Thinktech
    Participant
    June 12, 2019 at 10:57
    Avatar: Rose Tyler
    Rose Tyler
    Support staff
    June 12, 2019 at 11:07

    Have you found “Out” and “of stock” strings in Loco Translate > Themes > WooPress?
    Also, you can change this text by rewriting sale-flash.php (woopress/woocommerce/loop folder) via child theme.

    Regards

    Avatar: Thinktech
    Thinktech
    Participant
    June 12, 2019 at 13:23

    http://prntscr.com/o0vdns
    1.sale icon is visible, http://prntscr.com/o0vfd6.
    2.http://prntscr.com/o0vuza on click on quick view.
    3.simialrly on product page http://prntscr.com/o0vvow

    Avatar: Olga Barlow
    Olga Barlow
    Support staff
    June 12, 2019 at 14:49

    Hello,

    Add the following custom CSS

    .quick-view-popup .product-images .label-product .out-stock, .single-product .product-images .label-product .out-stock {
        display: block;
        margin-top: -44px;
    }

    Regards

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

You must be logged in to reply to this topic.Log in/Sign up

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