Skip to main content

Add cart icon menu

ShopWP comes with a custom menu item called Cart. You can add this to any menu to easily enable a cart icon in your WordPress nav.

Ensure the menu is enabled​

Go to Apperance - Menus and click the button in the top right corner called Screen Options. Once open, ensure that the Cart menu item is enabled.

WordPress screen options button

Use the cart menu item​

Once enabled, you should see a section called Cart under the menu items. You can open this and add the cart icon into any WordPress menu.

The ShopWP cart icon within the screen options sections The ShopWP cart icon added to a custom WordPress menu

Create a custom cart toggle​

You can turn any HTML element into a cart toggle button by adding the CSS class: shopwp-cart-trigger, like this:

<div class="shopwp-cart-trigger"></div>