Product list quantity + add to cart button in prestashop 1.7

[vekia]

create "add to cart" and "quantity" field in PrestaShop 1.7.x product list

I wrote easy in use guide that creates "quantity" field and "add to cart" button on each products listing in PrestaShop 1.7.x like category pages, search results, manufacturers, homepage modules with products etc.

 

goals of the tutorial:

- quantity field on list of products

- add to cart button on list of products

- function that will handle "add to cart" process in background ("ajax" add to cart process - without page reload)

- nice animated "loading" button while "add to cart" process

- modification of theme css styles to support new features

 

result of tutorial:

 

video with workflow example:

https://drive.google.com/file/d/0B7fGO53dEJzbNkM5aUZXRldlWDA/view

 

 

link to tutorial:

create "add to cart" and "quantity" field in PrestaShop 1.7.x product list

[kolmen]

when product quantity is 0 the button is still active and you can ADD "zero product" to the cart.

How can i fix this?

[Daniele0884]

Why preview banner on product image,  after add code in custom.css  , it move down when pass mouse cursor on image? The original move is from down to top,  now is inverse. Is not possible to view and select preview banner! 

You can see on miofantasy.it

Any solution?  Thanks 

Edited September 30, 2018 by Daniele0884 (see edit history)

[koca]

hi guys, i already have add to cart. (I'm using v8.0) but there is no quantity field.
How can I add the quantity field to my product list?