Jump to content

Product list quantity + add to cart button in prestashop 1.7

Recommended Posts

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:



link to tutorial:

  • Like 4
Link to comment
Share on other sites

  • 9 months later...
  • 8 months later...

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 by Daniele0884 (see edit history)
Link to comment
Share on other sites

  • 4 years later...

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Create New...