WooCommerce Cart Count Shortcode

Description

Looking for a flexible way to display items in your site’s WooCommerce cart? Look no further! This plugin allows you to insert a shortcode anywhere on your site that generates an a href link.

Parameters:

• icon – Any Font Awesome icon. Most of the time you’ll want to use shopping-cart or shopping-basket.
• empty_cart_text – The text to display when there are zero items in the cart. You may want this to default to “Shop”.
• items_in_cart_text – The text to display when there are one or more items in the cart. You may want this to default to “Cart”.
• total_text – The text to display when there are one or more items in the cart. You may want this to default to “Total:”.
• show_items – Enter “true/false” to show/hide items in the cart in parentheses. The item count will only show when there are one or more items in the cart.
• custom_css – Any custom CSS you’d like to add to the link.
• show_total – Enter “true/false” to show/hide total price in the cart

Examples:

• [cart_button]
• [cart_button icon="basket"]
• [cart_button show_items="true"]
• [cart_button show_items="true" show_total="true"]
• [cart_button show_items="true" show_total="true" total_text="Total Price:"]
• [cart_button show_items="false" items_in_cart_text="Cart"]
• [cart_button show_items="true" empty_cart_text="Store"]
• [cart_button items_in_cart_text="Cart" custom_css="custom"]

Screenshots

Installation

1. Upload the plugin files to the /wp-content/plugins/plugin-name directory, or install the plugin through the WordPress plugins screen directly.
2. Activate the plugin through the ‘Plugins’ screen in WordPress
3. Include the shortcode anywhere on your website: [cart_button icon="shopping-cart" empty_cart_text="Shop" items_in_cart_text="Cart" custom_css="custom"]

FAQ

Installation Instructions

1. Upload the plugin files to the /wp-content/plugins/plugin-name directory, or install the plugin through the WordPress plugins screen directly.
2. Activate the plugin through the ‘Plugins’ screen in WordPress
3. Include the shortcode anywhere on your website: [cart_button icon="shopping-cart" empty_cart_text="Shop" items_in_cart_text="Cart" custom_css="custom"]

Reviews

Just what I was looking for …but

shahdp October 4, 2019

Very simple to install, use an edit with css code, but it crashes my navigation menu and pages. I’m currently working with Elementor, WordPress 5.2.3 and WooCommerce 3.7.0

Works good

deaddred December 7, 2018

It works fine with WC 3.5.2 and WP 5, only thing it needs is an ajax update.

Not Working in Updated version of Woo

souravsobti November 30, 2018 2 replies

Please check this plugin on latest Woo, it’s not working there.

Great plugin

mstudioIL October 11, 2018

I was looking for something like this, and tried code examples that did not work, this plugin saved time and make what I needed

Excellent!!

fdecicco May 31, 2018

It just works!!

Simple and effective, with good support

drConsolidated October 21, 2017

Does exactly what I need it to do, with simple configurations for icons and language to show when cart is empty or full. Had a minor issue (that was actually due to a misconfiguration of the Shortcodes in Menu plugin) that the plugin developer was very helpful in assisting to resolve.

Contributors & Developers

Changelog

1.0.0

• First release!
• Tested with WordPress 4.4.2 and WooCommerce 2.5.5.

1.0.1

• Add parameter show_total to make this shortcode can show total price in cart

1.0.2

• Add parameter total_text to custom text for total price in cart

1.0.3

• Prevent fatal error when WooCommerce does not get initialized properly.

1.0.4

• Use WC() instead of the global variable $woocommerce.
• Add 3 filters below to allow users to modify the generated markup.
  1. wccs_cart_icon_html
  2. wccs_cart_count_html
  3. wccs_cart_total_html