As you know every WooCommerce store has a WooCommerce Cart page, to collect products or services to buy from the website. The WooCommoerce Cart page gives an overview of the shopping list to the customers. There are lots of ways to access the WooCommoerce Cart page on the WooCommoerce website. You can access the WooCommoerce Cart page from the menu or by typing the URL manually. But what if I tell you can see all the details of the WooCommoerce Cart Page from anywhere on the website. Our best WooCommerce Cart Menu plugin “Menu Cart For WooCommerce” can help you.
It is very important to maintain the WooCommerce website continuously to bring more visitors and sell your product on large scale. How quickly your website responds to a customer’s requirements will determine how many visitors it will receive. So to bring more customers you need to update your WooCommerce store with the trend. Menu Cart For WooCommerce plugin can help you to walk with the trend.
What is Menu Cart for WooCommerce
The Menu Cart For WooCommerce is a WordPress plugin to add a WooCommerce cart in menu to the WooCommerce website. This best WordPress plugin lets you add the flyout or modal or you can say popup in your WooCommerce menu for the Cart page. You can see all the details of the WooCommerce Cart page by hovering or clicking on the menu item instead of visiting the WooCommerce Cart page. You can also do much more using Menu Cart For WooCommerce plugin.
Why add a menu cart item in the WooCommerce menu
The Menu Cart For WooCommerce plugin not only adds the flyout in the WooCommerce menu but also gives you various features and design elements to improve your WooCommerce store. You can change the layout, text, color, background color, and WooCommerce Cart icon of the WooCommerce Cart menu item. Options to add view Cart and Checkout buttons, and also customize the button’s text, font color, background color, hover color, font hover color, and border. In addition, users can customize the details which are shown on the flyout. One brilliant feature is a bonus, users can add the Sticky Cart button to the WooCommerce website. The Menu Cart For WooCommerce has many more amazing features to improve your WooCommerce store, you can directly install it on your website or download it from here.
Now you’re thinking about how to add WooCommerce cart icon to menu, then let me show you.
How to Add Menu Cart to WooCommerce Menu
Here we are going to see how to install and use the Menu Cart For WooCommerce plugin on your WooCommerce website to improve the look of your WooCommerce store.
Step 1: Install Menu Cart For WooCommerce on your WooCommerce store.
Go to the WordPress admin dashboard > Appearance > Plugin > Add New and Search Geek Code Lab, here you can see our all plugins. Now, look here for the Menu Cart For WooCommerce and install it. This is the free version of the plugin.
Or the best option is you can download the Menu Cart For WooCommerce plugin from our official website Geek Code Lab. This is the pro version of the plugin. Go to the Geek Code Lab Home page > Plugins > WordPress Pro Plugins.
Step 2: Active the plugin and go to the settings page.
Note: This plugin needs a menu first to implement the WooCommerce Cart menu, so if your website doesn’t have any menu then create one.
Step 3: Select the targeted menu for the WooCommerce Cart menu item.
Step 4: Select the WooCommerce Cart menu item’s layout and WooCommerce Cart Icon.
Users can select these best three awesome WooCommerce Cart icons other icons are only available in Menu Cart For WooCommerce Pro plugin.
Step 5: Enable the flyout and customize the flyout details.
Step 6: Control the behavior of the flyout, customize the other details, and design the flyout.
Control the behavior of the flyout.
Customize the other details of the layout.
In addition, users can change the displayed total amount on the flyout.
Set how many numbers of the product will display on the flyout.
In the free version of the plugin, users can display up to 5 products. from 6 to 10 and the “All product” option is available in the pro version of the plugin.
Add the Cart and Checkout buttons on the flyout.
Here in the Menu Cart For WooCommerce free plugin, you can add the “View Cart page” button on the flyout, options to add the Checkout button or add both buttons are available in the Menu Cart For WooCommerce pro plugin.
Customize the text of the flyout.
Users can change the text of the WooCommerc Cart menu item, Cart button, Checkout button, a label of the total amount, and the empty Cart note.
Design the flyout.
Options to change the color of the WooCommerce Menu Cart icon and WooCommerce Menu Cart text.
Can change the Currency position in the WooCommerce Menu Cart item.
Users can change the color of flyout text and background, button text and background, and hover color of button text and background. Also, button border width, color, and style.
Additional features of the Menu Cart For WooCommerce plugin.
Sticky Cart button
The Sticky Cart button is popular nowadays, it gives a little different look to the Cart.
Settings for Sticky Cart button
- Users can enable and disable the product counter in the Sticky Cart.
- Select the position of the Sticky Cart button.
- Set redirect link when user clicks on the Sticky Cart button.
Customize the appearance of the Sticky Cart button
- Users can change the color of the product counter text and background.
- Options to change the color and shape of the Sticky Cart button.
Shortcode for the flyout
If you want to add the flyout anywhere on the website instead of the menu, you can use the shortcode.
Enable or disable flyout on the shortcode.
Control when the display flyout, on click or hover over the button(button added using the shortcode).
After the plugin setup is done this is how the frontend of the website looks.
Pros of the plugin
- Set User-selected WooCommerce menu for WooCommerce Cart menu item.
- The price on the flyout can be specified as a currency name or a currency symbol.
- Choose the WooCommerce Cart menu icon from 10 awesome icons.
- The WooCommerce Cart menu item’s layout also can be customized, here 7 good-looking layouts are available.
- Customize the flyout details like WooCommerce product image, name, price, quantity, product link, a total amount, and remove the product from the Cart button.
- Set WooCommerce products limit in the flyout product list up to 10 or all WooCommerce products.
- Add buttons in flyout for the Cart page, Checkout page, both buttons, or no buttons.
- Change the text of the some of flyout parts.
- Options for changing the color of the flyout background, text, button, button text, button hover, button hover text, and in addition, button border can be customized.
- Enable and disable the Sticky Cart button.
- Settings for modifying the background color and shape of the Sticky Cart button.
- To add the Cart menu flyout, users can paste the shortcode anywhere on the website.
- Menu Cart For WooCommerce provides Timely support 24/7, regular updates, and is well documented.
Cons of the plugin
- We’re happy to tell you that our Menu Cart For WooCommerce plugin has no cons.
At Geek Code Lab we’re serving you the best quality WordPress and WooCommerce plugins, HTML templates, XD Graphics templates, and creative logos to enhance your website to the next level. So for these types of fantastic kinds of stuff please stay tuned with us.