Delizie Raggi 1920 Posted November 4, 2021 Posted November 4, 2021 Hello everyone, i've been looking for this for a few days now but i still can't figure it out. I just want to show a little label on the product image in the product list (scrolling through the shop to be clear) saying "Out of Stock". I can't find a way to do it. It says so if i click on the product, but i want costumers to see it even without clicking! I link my website if it can help. If you need any more informations I will be pleased to answer. Iìll also attach two images as an example. Thanks in advance, Lorenzo. https://delizieraggi1920.it/4-shop Share this post Link to post Share on other sites More sharing options...
Delizie Raggi 1920 Posted November 12, 2021 Posted November 12, 2021 If anybody could help that would be great. Thanks Share this post Link to post Share on other sites More sharing options...
Knowband Plugins Posted November 15, 2021 Posted November 15, 2021 We want to tell you that you can add the text when the product is out of stock by modifying the theme file. Code: {if $product.quantity_all_versions <= 0} <h3 class="h3 product-title" itemprop="name"><a href="{$product.url}">{l s='Out of Stock' d='Shop.Theme.Catalog'}</a></h3> {/if} File Path need to modify : /themes/{your_theme_name}/templates\catalog\_partials\miniatures\product.tpl Image for your reference: https://nimb.ws/XOfCqT https://nimb.ws/HMjJ7X Also, you can change the look and position of the text using CSS. Share this post Link to post Share on other sites More sharing options...
Delizie Raggi 1920 Posted November 17, 2021 Posted November 17, 2021 On 11/15/2021 at 11:37 AM, Knowband Plugins said: We want to tell you that you can add the text when the product is out of stock by modifying the theme file. Code: {if $product.quantity_all_versions <= 0} <h3 class="h3 product-title" itemprop="name"><a href="{$product.url}">{l s='Out of Stock' d='Shop.Theme.Catalog'}</a></h3> {/if} File Path need to modify : /themes/{your_theme_name}/templates\catalog\_partials\miniatures\product.tpl Image for your reference: https://nimb.ws/XOfCqT https://nimb.ws/HMjJ7X Also, you can change the look and position of the text using CSS. Thank you very much for the answer! Perfect! Share this post Link to post Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now