[Solved] Add to Cart no animation but product is added using Leo T Shirt Theme

[wakeforce139]

Searched all over for a solution on this and I can't find anything as I think I have a unique issue. Most likely a module or something with my theme is interfering with the animation but here is my problem:

 

Clicking Add to Cart from anywhere, category product drop pages, home page featured products, product page doesn't have any visual effect. You click it and the hover hand button turns into the mouse pointer and that's it. No ajax animation, the cart total in the top right doesn't get changed. But if you navigate to a new page or the cart itself you will see the product has been added.

 

This is the domain http://filigreebracelets.com

 

As title says I am using Leo T Shirt theme.

 

Let me know if you need any file info.

Edited February 16, 2014 by wakeforce139 (see edit history)

[vekia]

its because you removed shopping_cart id from top right div.

it's necessary to define it, for example for this:

 

in addition, open ajax-cart.js file

and change:

				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');

[wakeforce139]

Hey Vekia thanks for the quick response.

 

Can you tell me what you mean I need to do for the shopping_cart id in top right div? I'm not certain I understand sorry.

 

I have changed the ajax-cart file as you suggested, not working yet hopefully when I figure out the div solution though we'll be all good.

[wakeforce139]

Not sure if this helps but I noticed in firebug when I clicked the add to cart button the code changed to this:

 

http://d.pr/i/jE4i

[vekia]

can you show contents of your blockuserinfo.tpl file ? (from your theme directory)

[wakeforce139]

{*

* 2007-2013 PrestaShop

*

* NOTICE OF LICENSE

*

* This source file is subject to the Academic Free License (AFL 3.0)

* that is bundled with this package in the file LICENSE.txt.

* It is also available through the world-wide-web at this URL:

* http://opensource.org/licenses/afl-3.0.php

* If you did not receive a copy of the license and are unable to

* obtain it through the world-wide-web, please send an email

* to [email protected] so we can send you a copy immediately.

*

* DISCLAIMER

*

* Do not edit or add to this file if you wish to upgrade PrestaShop to newer

* versions in the future. If you wish to customize PrestaShop for your

* needs please refer to http://www.prestashop.com for more information.

*

* @author PrestaShop SA <[email protected]>

* @copyright 2007-2013 PrestaShop SA

* @license http://opensource.org/licenses/afl-3.0.php Academic Free License (AFL 3.0)

* International Registered Trademark & Property of PrestaShop SA

*}

 

<!-- Block user information module HEADER -->

<div id="header_user" class="clearfix{if $PS_CATALOG_MODE} header_user_catalog{/if}">

<div id="leo-button3" class="hidden"><a class="leo-mobile">{l s='User Information' mod='blockuserinfo'}</a></div>

<p id="header_user_info" class="pull-right">

{if $logged}

<a href="{$link->getPageLink('my-account', true)|escape:'html'}" title="{l s='View my customer account' mod='blockuserinfo'}" class="account" rel="nofollow"><span>{$cookie->customer_firstname} {$cookie->customer_lastname}</span></a>

<a href="{$link->getPageLink('index', true, NULL, "mylogout")|escape:'html'}" title="{l s='Log me out' mod='blockuserinfo'}" class="logout" rel="nofollow">{l s='Log out' mod='blockuserinfo'}</a>

{else}

<a href="{$link->getPageLink('my-account', true)|escape:'html'}" title="{l s='Login to your customer account' mod='blockuserinfo'}" class="login" rel="nofollow">{l s='Login' mod='blockuserinfo'}</a>

<a href="{$link->getPageLink('my-account', true)|escape:'html'}" title="{l s='Register' mod='blockuserinfo'}" class="login" rel="nofollow">{l s='Register' mod='blockuserinfo'}</a>

 

{/if}

{if !$PS_CATALOG_MODE}

<a class="last-item" href="{$link->getPageLink($order_process, true)|escape:'html'}" title="{l s='View my shopping cart' mod='blockuserinfo'}" rel="nofollow">{l s='Cart' mod='blockuserinfo'}

<span class="ajax_cart_quantity{if $cart_qties == 0} hidden{/if}">{$cart_qties}</span>

<span class="ajax_cart_product_txt{if $cart_qties != 1} hidden{/if}">{l s='Product' mod='blockuserinfo'}</span>

<span class="ajax_cart_product_txt_s{if $cart_qties < 2} hidden{/if}">{l s='Products' mod='blockuserinfo'}</span>

<span class="ajax_cart_total{if $cart_qties == 0} hidden{/if}">

{if $cart_qties > 0}

{if $priceDisplay == 1}

{assign var='blockuser_cart_flag' value='Cart::BOTH_WITHOUT_SHIPPING'|constant}

{convertPrice price=$cart->getOrderTotal(false, $blockuser_cart_flag)}

{else}

{assign var='blockuser_cart_flag' value='Cart::BOTH_WITHOUT_SHIPPING'|constant}

{convertPrice price=$cart->getOrderTotal(true, $blockuser_cart_flag)}

{/if}

{/if}

</span>

<span class="ajax_cart_no_product{if $cart_qties > 0} hidden{/if}">{l s='(empty)' mod='blockuserinfo'}</span>

</a>

{/if}

</p>

</div>

<!-- /Block user information module HEADER -->

 

[vekia]

change this line:

<a  class="last-item" href="{$link->getPageLink($order_process, true)|escape:'html'}" title="{l s='View my shopping cart' mod='blockuserinfo'}" rel="nofollow">{l s='Cart' mod='blockuserinfo'}

to

<a id="shopping_cart" class="last-item" href="{$link->getPageLink($order_process, true)|escape:'html'}" title="{l s='View my shopping cart' mod='blockuserinfo'}" rel="nofollow">{l s='Cart' mod='blockuserinfo'}

[wakeforce139]

Vekia you do it everytime man, thanks so much for the help!

[vekia]

you're welcome

glad to hear that i could help you a little in this case 

i can confirm that it works now

i checked it and i see beatiful animation of products images

 

well done!