North Commerce
Back to North Commerce
  • 🚀Getting Started
    • Welcome to North Commerce
    • Installation
  • ⛰️Core Concepts
    • Orders
    • Products
      • Create a product
      • One Time Products
      • Subscription Products
      • Payment Plan Products
  • 💳Payment Gateways & Merchants
    • Stripe
    • PayPal
  • 📄Single Page Checkout Forms & Funnels
    • Single Page Checkout
  • 🎨Styling
    • Global CSS Variables
  • Builders
    • Beaver Builder
      • Building With Beaver Builder
    • Bricks
      • Query Loop
      • Attributes
        • Cart Item Attributes
    • Oxygen
  • Shortcodes
    • Product Collections
    • Product Collection Slider
    • Product Page
    • Cart Page
    • Checkout Page
    • Cart Drawer
    • Cart Icon
    • Customer Registration
    • Customer Account
  • Settings
    • General
  • For Developers
    • Flows
      • Add To Cart
      • Flow Events
      • Custom Functions In Flows
    • PHP "API"
      • Basic Entity Access Usage
    • Hooks & Actions
      • View Admin Hook Names
    • REST API
      • Getting Started
      • Adding Test Data
      • Filtering
  • Integrations
    • Create an integration
Powered by GitBook
On this page
  • There are 2 types of cart icon shortcodes so please read carefully.
  • Menu Item Shortcode
  • Standard Shortcode

Was this helpful?

  1. Shortcodes

Cart Icon

We have created a special shortcode so that you can easily add a cart icon inside your navigation.

PreviousCart DrawerNextCustomer Registration

Last updated 1 year ago

Was this helpful?

There are 2 types of cart icon shortcodes so please read carefully.

  1. - These live directly in your navigation along with your other menu items.

  2. - This is a standard shortcode that can be placed next to a menu item. This is great for those times when you have a hamburger menu on mobile and want your cart icon to live next to that.

Menu Item Shortcode

Navigate to Appearance -> Menus in your WordPress admin area.

In order to add the cart icon to your navigation create a custom link and add it to your navigation.

For the URL you will add #nc-cart-icon# and the label can be anything you want. Note that the label will not show on your navigation just the cart icon.

You are also able to update the cart icon and the it's colors in the North Commerce General Settings

You are able to upload new icons, change the cart icon, counter text color and background color.

Standard Shortcode

There is no special updates to this cart icon shortcode. Just add it anywhere you'd like

[nc-cart-icon]

Above is the shortcode that you will be able to add anywhere. In the future we will add a more robust customizable cart icon shortcode that will give you more freedom to add custom icons and colors.

Menu item shortcodes
Standard Shortcode
Preview of cart icon in the navigation
Adding cart icon