Liquid, JavaScript, themes, sales channels
Hello,
I believe there is a built-in ability to show a "sold out" badge overlay on the image of the product when the inventory is set to 0, but for some reason it doesn't show on my store. Is there a setting somewhere that I'm missing? I have looked high and low for an answer on this. Any help is greatly appreciated!
Solved! Go to the solution
This is an accepted solution.
hi @knowherecomics you can go to your Shopify store admin > Online store > Themes > Live theme > Actions > Edit code, open file product-grid-item.liquid then remove code in line 95 and 99 then check again
- Helpful? Like or Accept solution! - Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now
Hi @knowherecomics , you can drop your store URL here so we can check and help you with
- Helpful? Like or Accept solution! - Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now
This is an accepted solution.
hi @knowherecomics you can go to your Shopify store admin > Online store > Themes > Live theme > Actions > Edit code, open file product-grid-item.liquid then remove code in line 95 and 99 then check again
- Helpful? Like or Accept solution! - Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now
Thanks for this, it worked perfectly! On a similar note, is there a way to change the shape/border of the badge? I've figured out how to change the placement, but would love it to be a rectangle instead of circle. With a white border would be great too but I don't want to push it. Any help is appreciated! Thanks
Please follow the steps:
- Step 1: Go to Online store > Themes > Actions > Edit code.
- Step 2: Go to snippets > product-grid-item.liquid file, find "grid__item" and add code: {% if sold_out %}grid-view-item--sold-out{% endif %}
https://i.imgur.com/XRLcLSq.png
- Step 3: Go to Assets > theme.scss.liquid and paste this at the bottom of the file:
.grid-view-item--sold-out a{
opacity: .5;
}
Hello LitExtension, I hope you are doing well!
I'm following up on this topic regarding displaying an "épuisé" (out of stock) badge on the product image when the stock is set to 0. I tried to follow your instructions; however, the topic dates back to a few years ago, and since then, the folder names have completely changed.
I've conducted several searches, but I can't seem to find a solution! Thank you in advance for your assistance!
Are you able to assist with this?
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024