Hide cart block, if empty (ajax)

[Paldru]

How can the cart block be hidden when there are no items in the cart? The cart should also be invisible as soon as all products are removed from the cart through the "remove_link" (line 86 in blockcart.tpl). I am able to hide the empty cart after reload, but not without reload.

[sandipchandela]

have you solved this issue?

 

which version are you using ?

[Paldru]

have you solved this issue?

 

which version are you using ?

 

No, not solved yet. The version I am using is 1.6.0.11.

[sandipchandela]

you want to disable whole cart block ?

if so then you have to write some jquery code for that.

Check out cart-summary.js file in currently used theme/js directory.

And also see jquery file located in js/modules/blockcart/ajax-cart.js.

Edited January 20, 2015 by sandipchandela (see edit history)

[sandipchandela]

Just write the script line in below file.

You will find below code lines in file around 470 line number.

$("#header .cart_block").stop(true, true).slideUp(200);
$('.cart_block_no_products:hidden').slideDown(450);
$('.cart_block dl.products').remove();

Add this line.

$('.shopping_cart').hide();

Edited January 20, 2015 by sandipchandela (see edit history)

[Ankit Gupta]

Which file I've to edit in order to auto hide cart when it is empty?

[sandipchandela]

You need to change the following file :

 

blockcart - module

 

Change file name - blockcart.tpl

[Ankit Gupta]

Hey sandipchandela,

I cannot find 

$("#header .cart_block").stop(true, true).slideUp(200);
$('.cart_block_no_products:hidden').slideDown(450);
$('.cart_block dl.products').remove();

 

anything related to this in blockcart.tpl :/

Edited March 19, 2015 by Ankit Gupta (see edit history)

[sandipchandela]

Hey sandipchandela,

I cannot find 

$("#header .cart_block").stop(true, true).slideUp(200);

$('.cart_block_no_products:hidden').slideDown(450);

$('.cart_block dl.products').remove();

 

anything related to this in blockcart.tpl :/

 

File name- ajax-cart.js located in following folder.

 

Location  -  \prestashop\themes\default-bootstrap\js\modules\blockcart

 

$('.shopping_cart').hide();

[boris257]

Hi everybody,

 

adding the line (470)... $('.shopping_cart').hide(); ...do the job (file :  \prestashop\themes\default-bootstrap\js\modules\blockcart)

 

But i don't want the cart be displayed when first loading the home page ... the cart is empty but displayed !

What can i do to fix this = not display the cart whenever it's empty... that's mean also when first time loading the home page?

Thanks.

Cheers

[clint]

Hi,

 

There is a much much more simple way to do this

 

in blockcart.tpl above <div class="shopping_cart"> put {if $cart_qties >= 1} and then close it off with {/if} at about line 200 after the closing div

 

That way it won't be loaded till the cart is equal to or greater than 1 item. The pop up confirmation will still load as this is outside the {if $cart_qties >= 1}...{/if}

 

Regards

 

Clint

Edited August 4, 2015 by clint (see edit history)

[boris257]

Hi,

Thank you Clint... i tried it.. seems to work.. but one drawback : when you put your first product in the cart you need to refresh/reload the page (or change page) in order to see the cart with your product.... I need the cart to be viewed/displayed once the cart is not empty.

 

Thanks for your help.

cheers