How to make a cart icon on the menu link to the Woocommerce checkout page

Support
#1

Dear Sir/Madam

Thank you again for your help.

We need to make a cart icon on the menu link and when click it directly link to the WooCommerce Checkout page. Is there any way that we can make it happen?

Thank you!

d

#2

Hi Tianze,

You can add the HTML code for the cart icon in the menu items like this:

Then add this code as the Navigation Label :

<i class="x-icon x-icon-shopping-cart" data-x-icon="" aria-hidden="true"></i> Checkout

Then the result should look like this:

Hope this helps.

#3

Dear Jade,

I am sorry i tried many times and not fully understood. Would it be possible to send me a quick video on how to do this? So i first make a page of the checkout then add a line, and finally ? I am really sorry and thank you so much

#4

Hi Tianze,

Please follow these steps:

#1. Create the checkout page the make sure to have the woocommerce checkout shortcode in the page.

#2. Go to the Wordpress admin > Appearance > Menus then add the checkout page you have created to the main menu.

#3. Then add the text below as the Navigation Label of the menu item:

<i class="x-icon x-icon-shopping-cart" data-x-icon="" aria-hidden="true"></i> Checkout

Hope this helps.

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.