Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • March 2, 2021 at 12:59 am #1284598
    Tia

    Hi
    I am trying to show a SOLD OUT label on the WooCommerce Shop page –

    I followed the code shown at this link https://www.cloudways.com/blog/add-woocommerce-sold-out-badge/ which was suggested in another old post at https://kriesi.at/support/topic/how-to-show-an-out-of-stock-label-on-products/

    but this just shows the text SOLD OUT ‘above’ the product image on the Shop page rather than ‘on’ it.

    Also on the Product page the Sold Out text is very basic. How can this be styled to make it stand out more please?

    I will give site info in the Private Content Section.

    Many thanks

    Tia

    March 3, 2021 at 7:47 am #1284959
    Rikard

    Hey Tia,

    Please try the following in Quick CSS under Enfold->General Styling:

    span.now_sold {
    position: absolute;
    z-index: 2;
    right: 0;
    padding: 10px;
    background: mediumpurple;
    color: white;
}

p.out-of-stock {
    font-size: 22px;
    color: orange;
}

    Best regards,
    Rikard

    March 3, 2021 at 1:01 pm #1285007
    Tia

    Hi Rikard

    Thanks for that. It works great on the Shop page but the problem with the Product Page still remains where the Sold Out text is very weak/basic. How can this be styled to make it stand out more please?

    Kind regards
    Tia

    March 5, 2021 at 4:32 am #1285585
    Rikard

    Hi,

    Thanks for the update. I tried checking your site, but it seems that it has been moved or deleted? Please see private.

    Best regards,
    Rikard

    March 10, 2021 at 6:41 pm #1287215
    Tia

    Hi Rikard

    Sorry for the delay in replying. Yes, I moved my site from its development subdomain to the main domain. It is now live, Yay!

    I include the new access info in Private Data.

    Thanks again
    Tia

    March 14, 2021 at 10:45 am #1288086
    Rikard

    Hi,

    Thanks for the update, and sorry for the late reply. I tried logging into your site, but the login page is giving me a 403 error:

    Error occurred: 403 – forbidden

    Are you blocking some country IPs maybe? I can access your site fine, but I’m not able to find the product page. Could you link to it directly in private please?

    Best regards,
    Rikard

    March 19, 2021 at 2:07 pm #1289177
    Tia

    Hi Rikard

    Sorry for the delay in replying.
    I think I will close this for the time being, I will reopen it again if the customer still wants the change, but he’s decided it’s fine for now.

    Thank you for your help.

    Kind regards
    Tia

    March 19, 2021 at 2:37 pm #1289185
    Yigit

    Hey Tia,

    Thanks for the update!
    Let us know if you have any other questions or issues and enjoy your weekend!

    Best regards,
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘SOLD OUT label on the WooCommerce Shop page’ is closed to new replies.