Link to the cart page on the cart Icon part 2

[philippe_bonneau]

Hi support team. The previous topic Link to the cart page on the cart Icon was closed. I have to reopen a new one.

I have a cart drop-down on the menu of this site https://dev.bruleriedukamouraska.com/boutique/

Is it possible to add a link to the cart page on the click of the icon? I did not see any setting do that.

Please avoid support team members from India or Russia. These countries are blocked by the web hosting company.

[nabeel]

Hi @philippe11,

Thank you for reaching out to us. In the Cart Dropdown element, there is no option to link it to an address. Instead you can use Button element and link it to the cart page. You can customize the button to make it look like a cart button by showing the cart Icon instead of text and to show the cart item count, use Dynamic Content feature (see Cart Item Count Indicator)

Hope this helps!

[philippe_bonneau]

Thank you Nabeel for the workaround but this solution will not display the cart content and buttons in the dropdown on hover. Is there a way to ass a link on this element by css or JS?

By the way, can you also add this to the feature request please?

[nabeel]

Hey @philippe11,

We certainly appreciate the feedback! This is something we can add to our list of feature requests. This way it can be taken into consideration for future development. All of these items are discussed with our team internally and prioritized based on the amount of interest a particular feature might receive.

Since this isn’t a default feature but this could be possible by using custom JS that requires custom development. While that is outside the scope of support, I could point you in the right direction with the understanding that it would ultimately be your responsibility to take it from here. To achieve your desired results, you can first assign a class to your Cart Dropdown element e.g cart-btn and then using the Click Event we can make the page redirect to your Cart page, so your code will look like this:

jQuery(document).ready(function($){
	$('.cart-btn.x-anchor-toggle').click(function() {
		window.location.href = "https://www.google.com/"
	});
});

Please note that the code provided above serves as a guide only and is to help you in getting started as this may or may not work as intended so implementing it and maintaining the code will be out of our support scope and for further maintenance for new possible versions of the theme that may cause the customization to break, you will need to hire a developer.

Thanks!

[philippe_bonneau]

Thank you so much for your great help @nabeel. My problem is fixed!

[marc_a]

Hi @philippe11,

You’re welcome and it’s our pleasure to help you. If you have any other concerns, feel free to reach us.

Thank you.