Support » Plugin: Sold Out Badge for WooCommerce » Badge stuck on first product no matter what

  • Resolved rosewongart

    (@rosewongart)


    Hello!

    I just downloaded the plugin and it works on the single product but does not on the catalog. The badge is stuck on the first product no matter what.

    I have the products on random view so it changes each time but the badge does not follow the sold out product.

    I did not link because it would be confusing for my customers.

    Thanks!

Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author Charlie Etienne

    (@charlieetienne)

    Hi @rosewongart, I don’t know the “random view” and assume it is part of a third party theme or plugin, but could you try the alternative method (pure CSS) available in Settings > Sold Out Badge for WooCommerce?

    Charlie

    Thread Starter rosewongart

    (@rosewongart)

    Hi Charlie!

    The ‘randow view’ is through the Woocommerce shop ‘order by’ tab.

    I clicked on the pure CSS but it doesn’t show the badge on the catalog page.

    But it does indicated sold out on the description in the single product.

    Is there something else I can try? I have deleted and reinstalled as well.

    Thank you!

    Thread Starter rosewongart

    (@rosewongart)

    Forgot to explain more, the ‘random view’ randomly moves the products around each time your refresh so they are not static.

    Plugin Author Charlie Etienne

    (@charlieetienne)

    As I said, the “random view” is not part of WooCommerce so I need more information about your installation. What theme are you using? Can you provide a link where I could see this behaviour?

    Charlie

    Thread Starter rosewongart

    (@rosewongart)

    Hi Charlie,

    I am using Lay Theme and here is the web shop with the badge on.

    If you refresh or open the shop again in a new tab, the products will rearrange.

    Thank you!
    Rose

    Plugin Author Charlie Etienne

    (@charlieetienne)

    Hi @rosewongart,

    On your specific theme, the badge needs to have a relative positionning. You can make it work with this custom CSS:

    
    body:not(.single-product) .wcsob_soldout {
        position: relative !important;
        float: left !important;
    }
    

    Paste this code into Appearance > Customize > Additionnal CSS

    Thread Starter rosewongart

    (@rosewongart)

    Hi Charlie,

    That worked like a charm! Thank you so much for helping me!

    The badge is great.

    Have a nice rest of your week.
    Rose

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Badge stuck on first product no matter what’ is closed to new replies.