Showing product quantity on products list and on product page

[thn_]

I know there is an option to show quantity on product page in details section, but it is way to hidden, I want to show available quantity on product list and product page next to add to cart button. I've copied 

{block name='product_quantities'}
    {if $product.show_quantities}
        <div class="product-quantities">
            <label class="label">{l s='In stock' d='Shop.Theme.Catalog'}</label>
            <span data-stock="{$product.quantity}" data-allow-oosp="{$product.allow_oosp}">{$product.quantity} {$product.quantity_label}</span>
        </div>
    {/if}
{/block}

to product-list.tpl and it works, shows available quantity, but not like it should. On category page it shows for example available 100 pieces, when I'll add 10 to cart it changes from "available 100 pieces" to "available 10 pieces", if i'll add 10 more pieces then it turns into "available 20 pieces" etc. On the other hand I've added this code to product-prices.tpl right under reference, and it shows "available 100 pieces", but when I'll add 10 to cart it still says "available 100 pieces" when same piece of code in product details works like it should (after adding 10 to cart shows 90 available).

Where I'm making mistake?

[Prestashop Addict]

What is your PS version?

You have to put the code into themes/yourtheme/catalog/_partials/miniatures/product.tpl. Following code works and have the right stock quantity available decrease with cart.

{block name='product_quantities'}
      <div class="product-quantities">
        <label class="label">{l s='In stock' d='Shop.Theme.Catalog'}</label>
        <span data-stock="{$product.quantity}" data-allow-oosp="{$product.allow_oosp}">{$product.quantity} {$product.quantity_label}</span>
      </div>
  {/block}

 

Edited March 19, 2024 by Prestashop Addict (see edit history)

[thn_]

18 hours ago, Prestashop Addict said:

What is your PS version?

You have to put the code into themes/yourtheme/catalog/_partials/miniatures/product.tpl. Following code works and have the right stock quantity available decrease with cart.

{block name='product_quantities'}
      <div class="product-quantities">
        <label class="label">{l s='In stock' d='Shop.Theme.Catalog'}</label>
        <span data-stock="{$product.quantity}" data-allow-oosp="{$product.allow_oosp}">{$product.quantity} {$product.quantity_label}</span>
      </div>
  {/block}

 

Video of what is happening in category page:

 

 

Video showing what is happening on product page:

 

 

I have PS 1.7.8.5, theme Warehouse.

[Prestashop Addict]

I tested on PS 1.7.8.11 and 8.1.4 with classic theme

[retechp]

Hi I just found this and it is working on PS8.2.0.

Here there a way I can have the stock levels show as seen in the screenshot below?

 

Also I would like the word "Array" to not appear.

Edited April 11 by retechp
correction to original post (see edit history)

[Knowband Plugins]

What code have you added and in which file?

What's the PS version?

[retechp]

25 minutes ago, Knowband Plugins said:

What code have you added and in which file?

What's the PS version?

I am using PS 8.2.0 and I added this right after line 127 in themes/classic/catalog/_partials/miniatures/

{block name='product_quantities'}
      <div class="product-quantities">
        <label class="label">{l s='Stock' d='Shop.Theme.Catalog'}</label>
        <span data-stock="{$product.quantity}" data-allow-oosp="{$product.allow_oosp}">{$product.quantity} {$product.quantity_label}</span>
      </div>
  {/block}

 

[Knowband Plugins]

Then add only.

{block name='product_quantities'}
      <div class="product-quantities">
        <label class="label">{l s='Stock' d='Shop.Theme.Catalog'}</label>
        <span data-stock="{$product.quantity}" data-allow-oosp="{$product.allow_oosp}">{$product.quantity}</span>
      </div>
  {/block}

i.e.  Remove  {$product.quantity_label}

[retechp]

1 hour ago, Knowband Plugins said:

Then add only.

{block name='product_quantities'}
      <div class="product-quantities">
        <label class="label">{l s='Stock' d='Shop.Theme.Catalog'}</label>
        <span data-stock="{$product.quantity}" data-allow-oosp="{$product.allow_oosp}">{$product.quantity}</span>
      </div>
  {/block}

i.e.  Remove  {$product.quantity_label}

Thanks for that.  Also, is there any way to center the text as illustrated in "after" screenshot above?

[Knowband Plugins]

3 minutes ago, retechp said:

center the text as illustrated in "after" screenshot above

Yes, the site URL will be required to provide the required CSS for the same.

[retechp]

Currently the site is on a vm that I am testing so I use http://172.16.0.8

[rb10]

This works also with PS 8  ?