Add an add to cart button to the product list

[NeOMakinG]

Questions	Answers
Description?	We want to add an add to cart button to the product list, if child themes wants to remove it, they can override product.tpl and remove that markup
Type?	new feature
BC breaks?	no
Deprecations?	no
How to test?	Go on product lists and try to add some products from there
Possible impacts?	Product list

[kpodemski]

This may won't for the product lists on the homepage from the cached modules, there's a need to have this done via JS to ensure the token is correct.

CC @Oksydan

[Oksydan]

Yes, @kpodemski is right.
Block might be cached and we should make sure that token provided to request is correct @NeOMakinG.
We could simply replace static_token value with prestashop.static_token global variable here https://github.com/PrestaShop/PrestaShop/blob/develop/themes/_core/js/cart.js#L101 with use of https://developer.mozilla.org/en-US/docs/Web/API/URLSearchParams/URLSearchParams or regex replace (might be tricky).

[NeOMakinG]

@Oksydan do you think it's possible to somehow manage it on the theme side?

[Oksydan]

@NeOMakinG you can make some dirty tricks like:

document.querySelectorAll('[name="token"]').forEach(el => {
  el.value = prestashop.static_token
})

That's major disadvantage of using core.js 😕

EDIT:
I just realized that you can ofc create you own function that will handle add to cart process but that's some extra code to maintain with core.js changes. Still no recommended.

[NeOMakinG]

@NeOMakinG you can make some dirty tricks like:

document.querySelectorAll('[name="token"]').forEach(el => {
  el.value = prestashop.static_token
})

That's major disadvantage of using core.js 😕

EDIT: I just realized that you can ofc create you own function that will handle add to cart process but that's some extra code to maintain with core.js changes. Still no recommended.

I would probably prefer that dirty tricks over changing the corejs behavior on a minor version

[Hlavtox]

We need to make sure that it works for products with limited stock. If you do this on current Prestashop, have 1 item in stock and you add 2 pieces, you get empty modal.

[NeOMakinG]

We need to make sure that it works for products with limited stock. If you do this on current Prestashop, have 1 item in stock and you add 2 pieces, you get empty modal.

@nicosomb is taking over @mparvazi 's PR related to this