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 Offline
    RichardR Offline
    Richard
    Global Moderator
    wrote on last edited by
    #4

    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 1 Reply Last reply
    0
    • arminunruhA Offline
      arminunruhA Offline
      arminunruh
      Global Moderator
      wrote on last edited by arminunruh
      #5

      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 1 Reply Last reply
      1
      • E Offline
        E Offline
        earieser
        wrote on last edited by
        #6

        thank you very much!

        1 Reply Last reply
        1
        • 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