How to change the length of time for the slide in shopping cart

It is the off canvas menu that opens on the right side of the screen for the shopping cart icon.

When there is an item in the cart it is difficult to get to the button in time to see the cart.

I would like to change the time that it stays open so it is easier to click the buttons and see the items in the cart. I am guessing that the setting is buried in a javascript somewhere.

7 answers

Profile photo of Ziven Staff 100280.00 $tone May 29, 2014
Public

Could you clarify a bit more? Any screenshot would be helpful as well. If possible, please post your site url here so that I can have a closer look.

#1
Profile photo of Mark Kennedy 0.00 $tone June 17, 2014
Public

@Saguaros

Hi

That does not make any sense.
I want to click on "1 items in shopping cart" so I can see what is in my cart.
I then want the second popup to stay open as long as my mouse is hovering over it.

At the moment it is super quick and I barely have time to press "proceed to checkout" let alone do anything else.

#4
Profile photo of Mark Kennedy 0.00 $tone June 24, 2014
Public

@Saguaros

Yes that does work.

However it is very unintuitive. My first instinct is to click on the hyperlinked "1 item" to make the second popup open, which then closes very quickly.

Having the second popup stay open should happen easily. You shouldn’t need an instruction that says click any where other than "# item" to have your cart stay open and if you click "# item" first this functionality won’t work.

So, this is how I see this working intuitively.

  • Mouse rolls over the shoppingcart icon
  • User clicks on "# item" ie "1 item"
  • second popup opens with what is in your cart
  • all popups stay open until mouse leaves the areas of both popups

Can you please direct me to the file and line number where this functionality is.

#6
Profile photo of Saguaros 0.00 $tone June 25, 2014
Public

My suggestion here is that you remove the link in the "# items" so wherever you click on, it will show the popup only and will not link to cart page.

Here are steps for your consideration:

-- Open the file: \app\design\frontend\default\jm_monsieurtemplate\ page\html\header.phtml
-- At approx line 102:

PHP Code:

<span><a class="gotocart" href="<?php echo Mage::getUrl("checkout/cart"); ?>">
    <?php if(Mage::getSingleton('checkout/session')->getQuote()->getSubtotal() > 0) { 
            echo 
Mage::getSingleton('checkout/session')->getQuote()->getItemsSummaryQty().' items';
        } else {
            echo 
$this->__('0 items');
        } 
?> 
    </a><?php echo $this->__("Shopping Cart"?>
</span>


change it to:

PHP Code:

<span>
    <?php if(Mage::getSingleton('checkout/session')->getQuote()->getSubtotal() > 0) { 
            echo 
Mage::getSingleton('checkout/session')->getQuote()->getItemsSummaryQty().' items';
        } else {
            echo 
$this->__('0 items');
        } 
?> 
    <?php echo $this->__("Shopping Cart"?>
</span>

#7

Please login or Register to Submit Answer

Written By

Comments