[SOLVED] product list in grid view = ajax issue?

[ALEXCNX]

Hi All,

I've followed Vekia's instructions as regards to how setting up the product list in grid view with nice shadow & overlay effect and with add to cart, view and "compare" buttons .

See a link to the instructions here.

When I add to cart directly from the product in grid view, the product doesn't seem to be added to the cart (the Cart block in the header still reads "empty"). However, when I check the cart, the product was added successfully ...

I wonder if that's how it's supposed to be working.

Please advise.
Thanks!

 

(I use version ps 1.5.6.0)

Edited October 26, 2013 by vekia (see edit history)

[vekia]

please share url i will inspect your website

[ALEXCNX]

Hi Vekia,

 

I've just sent you a PM.

 

Thanks

[vekia]

/modules/blokcart/ajax-cart.js

use this content: http://pastebin.com/VsCqNa8V
 

[ALEXCNX]

You're awesome!

 

A thousand thanks Vekia!

Alex

[vekia]

you're welcome

please follow this thread

i will release a new fix for better performance of animation

i will let you know here

 

i marked this thread as [solved]

[jahyax]

thank you, this was very helpful

[vekia]

thank you, this was very helpful

 

you're welcome 

btw. i updated article, i added all necessary informations there to eliminate this annoying problem

[83krynio]

Hi.

I don't know why instead of products pictures I see paypall logo when I want add product to basket from grid view.

http://polcart.se/pl/nowe-produkty

But when I try to do the same think in product detail view everything is ok?

[vekia]

turn off ccc for JS files, then i will be able to check it, now i cant because your js files are minified to one

[83krynio]

turn off ccc for JS files, then i will be able to check it, now i cant because your js files are minified to one

ok. Now is changed "Inteligentna pamięć podręczna dla JavaScript" to "Zachowaj pliki JavaScript bez zmian "

[vekia]

change:

 // add the picture to the cart
var $element = $(callerElement).parent().parent().find('a.product_image img,a.product_img_link img');

to:

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

in /modules/blockcart/ajax-cart.js

[83krynio]

Now pictures are ok in grid view, but when I scroll down the page and I add something to cart I can't see this pictures because they go to the basket all the time from the same place.

In detail view is nothing changed - still paypall pic.

Edited January 24, 2014 by 83krynio (see edit history)

[83krynio]

I just replaced this piece of code taken from original file and now everything seems be fine.

 

if (!$element.length)

$element = $('#bigpic');

var $picture = $element.clone();

var pictureOffsetOriginal = $element.offset();

pictureOffsetOriginal.right = $(window).innerWidth() - pictureOffsetOriginal.left - $element.width();

[83krynio]

I need solve next problem, comparison options not working. Any ideas?

www.polcart.pl

[vekia]

I need solve next problem, comparison options not working. Any ideas?

www.polcart.pl

 

 

thank you im checking it right now

[83krynio]

thank you im checking it right now

Maybe I have too much combinations for 1 product, but when i try to mark product without attributes (with options add to basket) this problem also exist.

[83krynio]

/themes/default/product-list.tpl 

replace:

<div class="poverlay">

by this:

<div class="poverlay" onclick='location.href="{$product.link|escape:'htmlall':'UTF-8'}"' title="{l s='View'}" style="cursor: pointer;">

 

This modification is the reason. How I can fix it? 

[vekia]

why you added there onclick?

<div class="poverlay" onclick='location.href="{$product.link|escape:'htmlall':'UTF-8'}"' title="{l s='View'}" style="cursor: pointer;">

 

it's not a part of modification that i suggested to use

<div class="poverlay">

[83krynio]

 

why you added there onclick?

<div class="poverlay" onclick='location.href="{$product.link|escape:'htmlall':'UTF-8'}"' title="{l s='View'}" style="cursor: pointer;">

 

it's not a part of modification that i suggested to use

<div class="poverlay">

Yes I know, but click wherever is more comfortablefor customers.

I found this solution in comments on this site: http://mypresta.eu/en/art/developer/prestashop-products-list-grid-view.html

 

And I forgot about this untill this moment (add to cart works good, but not compare)

 

One guy solve this problem,but I don't know what I have to do to get this functionality like: http://phonepartsdirect.co.uk/7-iphone-3gs-parts

 

I have next question about checkbox, and visible effects. Any chance to do this on this way: when somebody marks checkbox to compare this checkbox, and text information is still visible even if you move your cursor from this products, because if you selected 3 diferent products it's hard too find to unmark when you don't see this checkbox.

 

Anyway greate module, thank you

Edited February 15, 2014 by 83krynio (see edit history)

[sagenterprises]

vekia... can you please help.

 

I want to show products under a category to show automatically as we scroll down on the page (instead of pagination)... Can it be done simply by adding some code onto .tpl files (I dont know programming)

[vekia]

vekia... can you please help.

 

I want to show products under a category to show automatically as we scroll down on the page (instead of pagination)... Can it be done simply by adding some code onto .tpl files (I dont know programming)

 

hello

you're looking for feature called "infinite scroll" 

check this topic:

http://www.prestashop.com/forums/topic/292177-infinite-scroll-for-prestashop/