Skip to content
  • Recent
  • Tags
  • Popular
  • Users
  • Search
Skins
  • Light
  • Cerulean
  • Cosmo
  • Flatly
  • Journal
  • Litera
  • Lumen
  • Lux
  • Materia
  • Minty
  • Morph
  • Pulse
  • Sandstone
  • Simplex
  • Sketchy
  • Spacelab
  • United
  • Yeti
  • Zephyr
  • Dark
  • Cyborg
  • Darkly
  • Quartz
  • Slate
  • Solar
  • Superhero
  • Vapor

  • Default (No Skin)
  • No Skin
Collapse

Lay Theme Forum

  1. Home
  2. Shop / WooCommerce
  3. Sold / Out of Stock Badge

Sold / Out of Stock Badge

Scheduled Pinned Locked Moved Shop / WooCommerce
17 Posts 8 Posters 742 Views
  • Oldest to Newest
  • Newest to Oldest
  • Most Votes
Reply
  • Reply as topic
Log in to reply
This topic has been deleted. Only users with topic management privileges can see it.
  • RichardR Richard

    Hi Elena & /C

    @moloken @earieser

    " I have been trying to find a solution / plug-in to mark the sold products (and still show them) in my webshop with a "sold" badge — but as Lay Theme uses the ”Product Thumbnail Grid" "

    I gave https://wordpress.org/plugins/sold-out-badge-for-woocommerce/ a test. Its a third-party plugin yes but Woocommerce integration will take some time to gain more features. There are some issues but i was able to successfully add a "Sold out Badge" onto Thumbnail images within the "product Thumbnail Grid":
    Screen Shot 2021-10-21 at 1.31.27 PM.png

    NOTE: In the above i had to disable the position:absolute from the sold out badge to have it sit correctly over Thumbnail.

    Single Product:
    Screen Shot 2021-10-21 at 1.37.07 PM.png

    According to the documentation:

    • Badge text (you can replace “Sold Out” with any text you want, like “Out of stock” or “Coming Soon“)
    • Badge background color
    • Badge text color
    • Badge font size
    • An option to hide “Sale” badge if you get an overlap (checked by default)

    I havent looked further, but if you cannot change options in the back-end. The class wcsob_soldout can be targeted & CSS applied to suit your design needs . E.g:

    .wcsob_soldout{
    // insert css here
    }
    

    Hope this has provided some options for you moving forwards, best wishes 🌝
    Richard
    E Offline
    E Offline
    earieser
    wrote on last edited by
    #7
    This post is deleted!
    1 Reply Last reply
    0
    • cactusauvageC Offline
      cactusauvageC Offline
      cactusauvage
      wrote on last edited by
      #8

      Hey ! I'm actually really interested to show the numbers in stock / out of stock option too but can't find anything in Woocommerce/project thumbnails , it is available with laytheme ?

      1 Reply Last reply
      0
      • RichardR Offline
        RichardR Offline
        Richard
        Global Moderator
        wrote on last edited by
        #9

        Dear @cactusauvage

        Just to be sure are you updated to the current version (4.0.5) ?
        Also within:

        Woocommerce > Settings > Products > Inventory >

        Are "out of stock notifications" enabled?
        Screen Shot 2021-12-01 at 11.19.36 AM.png


        Best wishes 🏖
        Richard
        1 Reply Last reply
        0
        • A Offline
          A Offline
          asalvan
          wrote on last edited by
          #10

          Does it works now? I've checked the WooComerce option but does not works. I'm in WP 5.9 and Laytheme 4.1.6.

          Best!

          1 Reply Last reply
          0
          • RichardR Offline
            RichardR Offline
            Richard
            Global Moderator
            wrote on last edited by
            #11

            Dear @asalvan

            Are you able to post a link to the page where they should be? just to see what's going on 🔍


            Talk soon
            Richard
            1 Reply Last reply
            0
            • arminunruhA arminunruh

              hey! a "out of stock" text will be included with the next update underneath a product thumbnail:

              Screenshot 2021-10-25 at 16.55.39.png

              you can customize it in:
              Customizing ▸ WooCommerce
              Product Thumbnails

              R Offline
              R Offline
              rosewong
              wrote on last edited by
              #12

              @arminunruh

              Hi! I have this enabled but it still doesn't show up in the catalog page?

              1 Reply Last reply
              0
              • RichardR Offline
                RichardR Offline
                Richard
                Global Moderator
                wrote on last edited by
                #13

                Dear @rosewong

                I can confirm with the newest version of Lay Theme, the 'out of stock' badge is still visible:

                Screen Shot 2022-03-08 at 10.22.03 AM.png

                Is there any more information available? a link to your website or some screenshots? 🌝

                Out of Stock format = Customizing ▸ WooCommerce
                Product Thumbnails

                Are Out of Stock Notifications enabled?

                Woocommerce > Settings > Products > Inventory >

                Are the single products truly out of stock within the inventory settings?


                Talk soon & have a wonderful day 🌻
                Richard
                1 Reply Last reply
                0
                • R Offline
                  R Offline
                  rosewong
                  wrote on last edited by
                  #14

                  Hi @Richard

                  Thank you for replying so quickly!
                  !

                  Screen Shot 2022-03-08 at 10.41.22 AM.png
                  Screen Shot 2022-03-08 at 10.40.47 AM.png

                  https://www.rosewongart.com/shop

                  Everything is turned on but the 'out of stock' is still not visible.

                  Also don't pay mind to the 'sold outs' sprinkled around, I'm trying to figure out other alternatives as well haha.

                  Thank you!
                  Rose

                  1 Reply Last reply
                  0
                  • R Offline
                    R Offline
                    rosewong
                    wrote on last edited by
                    #15

                    Hi @Richard

                    I figured out how to make it work!

                    You have to unclick the 'manage inventory' button on product page.

                    I also was able to make the Sold Out Badge plugin to work as well.

                    Thanks!

                    1 Reply Last reply
                    0
                    • RichardR Offline
                      RichardR Offline
                      Richard
                      Global Moderator
                      wrote on last edited by
                      #16

                      Dear Rose

                      @rosewong

                      Thanks for this update, i will write it down and keep in mind for future users! ⭐️


                      Have a wonderful day Rose!
                      Richard
                      1 Reply Last reply
                      0
                      • B Offline
                        B Offline
                        Bella
                        wrote on last edited by
                        #17

                        Hello Richard,
                        I was also looking for a Sold Out badge, but one that's more visible, directly on the product image for example.
                        I have tried to use this plugin for it https://wordpress.org/plugins/sold-out-badge-for-woocommerce/ but unfortunately there were several problems with the placement on desktop and mobile and also the z-index ( I think?) that I couldn't solve.

                        My questions are:

                        • Can something like a simple "Sold Out" badge be included in future updates?
                          A badge that shows both in the shop overview and the single product?

                        For now:

                        • How can I change the Lay Theme "out of stock" text to "sold out"?
                        • How can I show this message in the single product when I have "show stock" disabled? I only want the stock to show if it's sold out, since it doesn't really make sense to have 1 in stock written on every product when it's original art.
                          But I think hiding the stock also hides the sold out message in the single product.

                        Or what would actually be ideal for the Single product view: Is there a way to change the "Add to Cart" Button to a "Sold Out" Button (in a different style of course)?
                        I think that might be visually clearer.

                        Thank you!

                        1 Reply Last reply
                        0
                        Reply
                        • Reply as topic
                        Log in to reply
                        • Oldest to Newest
                        • Newest to Oldest
                        • Most Votes


                        I also code custom websites or custom Lay features.
                        💿 Email me here: 💿
                        info@laytheme.com

                        Before you post:
                        1. When using a WordPress Cache plugin, disable it or clear your cache.
                        2. Update Lay Theme and all Lay Theme Addons
                        3. Disable all Plugins
                        4. Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"

                        This often solves issues you might run into

                        When you post:
                        1. Post a link to where the problem is
                        2. Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
                        3. If the problem is difficult to explain, post screenshots / link to a video to explain it
                        Online Users
                        Forgot your key, lost your files, need a previous Lay Theme or Addon version? Go to www.laykeymanager.com
                        laytheme.com
                        • Login

                        • Don't have an account? Register

                        • Login or register to search.
                        • First post
                          Last post
                        0
                        • Recent
                        • Tags
                        • Popular
                        • Users
                        • Search