[SOLVED] PrestaShop product list and quantity field not working

[blackmiles]

Dear all,

i applied the tutorial explained on this page:

http://mypresta.eu/en/art/developer/prestashop-quantity-field-on-product-list.html

However, I have problem with Product-list.tpl
After applying changes, the quantity field does not appear and the add to cart button doesn't work any more. Where was I wrong?

 

Thank you

Stefano

Edited December 9, 2013 by blackmiles (see edit history)

[vekia]

share url please, i will inspect code.

[blackmiles]

Hi,

here the url

http://www.andfood.it/

 

Thanks!

 

Stefano

[vekia]

hello

 

there is no "grid" list

 

 

you changed also ajax-cart.js

if you don't want to use grid you have to revert changes to all files you changed.

[blackmiles]

Hi,

thanks for the reply. I don't understand. The system you provided works just in the grid modality? If yes, I'll try to put in that modality. Yes, I also changed the ajax-cart.js.

 

Stefano

[vekia]

apply changes to tpl file and turn on force compile under adv. paramters > performance tab in your BO

now there is no "grid" code, probably due to the cache (this is why i asked about force compilation)

[blackmiles]

I forced comply. but when you say "there is no "grid" code", should I do something to the template?

[vekia]

oh dear it was my mistake, i don't know why but i thought that you want grid there :|

so sorry

 

 

In this case it will be necessary to modify block cart module .js file and modify one simple thing. So, please open file located in blockcart module directory. The file name is ajax-cart.js. Full path to this file: /modules/blockcart/ajax-cart.js or if exist, you have to modify this file in your theme directory (overriding feature).

 

So, in this file you can find code which looks like:

1

2

// add the picture to the cart

var $element = $(callerElement).parent().parent().find('a.product_image img,a.product_img_link img');

all that we have to do with this code is: add additional parent() code. This is the final code:

1

2

// add the picture to the cart

var $element = $(callerElement).parent().parent().parent().find('a.product_image img,a.product_img_link img');

 

in addition:

 

you need to decrease button width, because it overlapping quantity field:

[blackmiles]

Dear vekia,

maybe I still have problems with the compilation (also in another modification of a .tpl file).

Is it possible that cache is still active if I put

- Cache template on force compilation
- Cache on No

 

my prestashop version is 1.5.6.1

 

thanks

 

Stefano

[vekia]

i don't think so, it was related to missed one "parent()" code in ajax-cart.js

nothing more

[blackmiles]

Ah. I immediately try!

[blackmiles]

Thank you so much vekia. From the code, I can see the quantity box. But, last thing. Where do I have to reduce the width of the buttom?

 

Thanks!

 

Stefano

[vekia]

product-list.css line 127

#product_list li .ajax_add_to_cart_button {
padding-left: 20px;
width: 60px;
}

add width param there, i added width:60px; - it's enough

[blackmiles]

Great! It works!! Thank you so much!!!!

[vekia]

you're welcome

im so glad that my tutorial was helpful for you

if you've got any other ideas about new features - im ready to write about it just let me know

 

with regards,

Milos

[blackmiles]

For sure!!

Thanks again!!