E-Commerce Demo: Open Shoppingcard Menu on hover instead of click. How ?

4 replies · opened Jan 12, 2020

SsuppenhuhnJan 12, 2020

Hi!
I'm trying to get it done how to open the shopping-card menu ( <div id="top-cart">...</div> ) within the primary-menu by hover instead of clicking on that icon ? I'm using the demo-ecommerce.html

Looking forward for any hint & thanks in advance :)

SSemicolon WebSTAFFJan 14, 2020

Hello,

Simply update the topcart: function() Function Block in the js/functions.js File with the following code:

topcart: function(){

	$("#top-cart-trigger").hover( function(e){
		$pagemenu.toggleClass('pagemenu-active', false);
		$topCart.toggleClass('top-cart-open', true);
	}, function(){
		setTimeout( function(){
			$topCart.toggleClass('top-cart-open', false);
		}, 1000);
	});

}

along with using the following CSS Code:

#top-cart:hover .top-cart-content {
	opacity: 1;
	z-index: 11;
	margin-top: 0;
}

Additionally, since this is Customization related, support on this will be limited as we currently do not provide Customization related Support according to the Item Support Policy: https://themeforest.net/page/item_support_policy .

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

SsuppenhuhnJan 15, 2020

Thank you!!! It works fine :)

One further question ( but different topic ) -> when using the responsive-sticky header from this demo:

http://themes.semicolonweb.com/html/canvas/responsive-sticky.html

How to get the main navigation to be centered ( now it's float:right ). The logo remains to the left and Top Cart / Top Search to the right?

SSemicolon WebSTAFFJan 16, 2020

Hello,

Unfortunately, a Template or Functionality related to this is currently not included with Canvas. Any further customization or feature/functionality enhancements is your responsibility as we currently do not provide Customization related Support according to the Item Support Policy: https://themeforest.net/page/item_support_policy . We will try including this in one of the Future Updates. Thanks for your Patience.

Meanwhile, do let us know if we can help you with anything else or if you find any further issues with Canvas.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard