Expanding of the ajax cart issue

[dmf]

Hello everyone,

I have trouble with my prestashop theme.

When I press on login icon in the blockuserinfo the ajax cart is also opening!

I tried to move the icon from the cart, but it is still opening.

I think the problem is in blockuserinfo.tpl that they are both in the same <section>

But I tried to seperate them and cart stopped to expand.

The link to the site, that you could see the problem:

http://vannalux.kz/

blockuserinfo.tpl

<section id="header_user" class="blockuserinfo-cart header-box">
	{if !$PS_CATALOG_MODE}
		<div id="shopping_cart">
        <a href="{$link->getPageLink($order_process, true)}" title="{l s='View my shopping cart' mod='blockuserinfo'}" rel="nofollow">
          <strong class="opancart"></strong>
                <span class="shopping_cart_title">{l s='Cart' mod='blockuserinfo'}</span>
                <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="price 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>
		</div>
	{/if}
		<div class="blockuserinfo header-box">
            {if $logged}
			    <a href="{$link->getPageLink('index', true, NULL, "mylogout")}" title="{l s='Log out' mod='blockuserinfo'}" class="logout" rel="tooltip" data-placement="bottom" data-original-title="first tooltip"><span><i class="icon-lock"></i></span></a>
				<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>
			{else}
                <a href="{$link->getPageLink('my-account', true)}" title="{l s='Login' mod='blockuserinfo'}" class="login" rel="tooltip" data-placement="bottom" data-original-title="first tooltip" ><span><i class="icon-unlock"></i></span></a>
            {/if}
		</div>
</section>

Please help me to solve this problem, thanks!

Edited November 15, 2014 by dmf (see edit history)

[LuckyModule]

Hello everyone,

I have trouble with my prestashop theme.

When I press on login icon in the blockuserinfo the ajax cart is also opening!

I tried to move the icon from the cart, but it is still opening.

I think the problem is in blockuserinfo.tpl that they are both in the same <section>

But I tried to seperate them and cart stopped to expand.

The link to the site, that you could see the problem:

http://vannalux.kz/

blockuserinfo.tpl

<section id="header_user" class="blockuserinfo-cart header-box">
	{if !$PS_CATALOG_MODE}
		<div id="shopping_cart">
        <a href="{$link->getPageLink($order_process, true)}" title="{l s='View my shopping cart' mod='blockuserinfo'}" rel="nofollow">
          <strong class="opancart"></strong>
                <span class="shopping_cart_title">{l s='Cart' mod='blockuserinfo'}</span>
                <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="price 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>
		</div>
	{/if}
		<div class="blockuserinfo header-box">
            {if $logged}
			    <a href="{$link->getPageLink('index', true, NULL, "mylogout")}" title="{l s='Log out' mod='blockuserinfo'}" class="logout" rel="tooltip" data-placement="bottom" data-original-title="first tooltip"><span><i class="icon-lock"></i></span></a>
				<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>
			{else}
                <a href="{$link->getPageLink('my-account', true)}" title="{l s='Login' mod='blockuserinfo'}" class="login" rel="tooltip" data-placement="bottom" data-original-title="first tooltip" ><span><i class="icon-unlock"></i></span></a>
            {/if}
		</div>
</section>

Please help me to solve this problem, thanks!

 

Hello,

need to be taken outside the tag - </section>

 

<div class="blockuserinfo header-box">

{if $logged}

             <a href="{$link->getPageLink('index', true, NULL, "mylogout")}" title="{l s='Log out' mod='blockuserinfo'}" class="logout" rel="tooltip" data-placement="bottom" data-original-title="first tooltip"><span><i class="icon-lock"></i></span></a>

                <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>

            {else}

<a href="{$link->getPageLink('my-account', true)}" title="{l s='Login' mod='blockuserinfo'}" class="login" rel="tooltip" data-placement="bottom" data-original-title="first tooltip" ><span><i class="icon-unlock"></i></span></a>

{/if}

        </div>

[dmf]

Hello WebtetDev,

Thanks for the answer, I'he tried this.

But then the account icon stopping to work, I mean it's starting to be unclickable.

Look at the site right now:

http://vannalux.kz/

[LuckyModule]

 

Hello WebtetDev,

Thanks for the answer, I'he tried this.

But then the account icon stopping to work, I mean it's starting to be unclickable.

Look at the site right now:

http://vannalux.kz/

 

Find file global.css and change it to

 

.blockuserinfo {

float: right;

padding: 7px 15px 0 15px;

position: absolute;

right: 309px;

top: 9px;

}

 

replaced by

 

.blockuserinfo {

float: right;

padding: 7px 15px 0 15px;

position: absolute;

right: 309px;

top: 9px;

}

Edited November 15, 2014 by WebtetDev (see edit history)

[dmf]

Thanks a lot, that's helped!