Cart Link Shortcode (Display Shopping Cart Link Anywhere)

In Total version 5.2 we added a new shortcode named [cart_link] which can be used to display a cart link with the number of items currently in the cart and the subtotal. This shortcode can be used in various areas of the theme such as the Top Bar or Header Builder as well as added inside menu items.

Shortcode Usage:

[cart_link]

Shortcode Parameters:

The shortcode accepts a few attributes for customization.

Attribute Description Default
items comma separated list of items to display icon,count,total
link whether to add a link to the cart or not true
el_class extra classnames to be added to the element null
font_size custom font size to apply to the element null
font_family custom font family to apply to the element null

Shortcode Output:

WPBakery Element

It’s also possible to access this element in the WPBakery for use in Dynamic Templates, Header Builder, etc.

Using the Shortcode in Menus

It’s also possible to use the shortcode in your WordPress menus via a “Custom Link” (you can use it and disable the default theme shop icon if you prefer). The only important thing is that you must disable the link because WordPress menus already have links, sample usage:

Developer Hooks (Filters)

The following filters are available for developer usage:

Filter Hook Description Parameters
wpex_cart_link_shortcode_icon allows you to override the icon html $icon
wpex_cart_link_shortcode_item_text allows you to override the Item text $text
wpex_cart_link_shortcode_items_text allows you to override the Items text $text