Navbar Cart Icons

Navbar Cart Icons v1.0.1 is available for Zen Cart 1.5.8 through 3.0.0 (PHP 7.4 through 8.5). This is its support thread.

On a phone, ZCA Bootstrap folds its whole navigation into the hamburger, including the Shopping Cart and Checkout links, so the two pages a buying customer wants most are out of sight. This plugin puts a Shopping Cart icon and a Checkout icon right beside the hamburger whenever the cart has something in it.

No template file is edited, copied or overridden. Install it from Plugin Manager and the icons are there; uninstall it and the page is back the way it was.

What it does:

• Works with ZCA Bootstrap 3.3.0 through 3.8.0 and clones of it, with nothing to set up. On any other template it does nothing at all.
• Follows the navbar's own breakpoint, so the icons show exactly when the hamburger does and stay out of the way on the desktop.
• Links to the same pages, with the same labels, as the template's own menu entries, so a reworded or translated "Shopping Cart" or "Checkout" is followed.
• 44px touch targets, with room between them and the hamburger.
• Keeps the row on one line: a long store name, logo or trademark shrinks with an ellipsis instead of pushing the hamburger onto a second line.
• Settings for which icons show, the cart icon on an empty cart, an item-count badge, the Font Awesome icon classes, color, hover color, size and spacing.
• One small stylesheet, no JavaScript, nothing loaded from another site, no database tables of its own.
• If your template already has a hand edit that does the same thing, the plugin leaves that page alone, so you can install first and remove the edit later.

To install: copy zc_plugins/NavbarCartIcons/ into your store's zc_plugins/ folder, then go to Modules > Plugin Manager and click Install. The settings are under Configuration > Navbar Cart Icons (or use the Settings button in Plugin Manager). The full readme opens from the plugin's ReadMe button.

Download: https://github.com/dbltoe/Navbar_Cart_Icons/releases/tag/v1.0.1

Questions and bug reports go here. It helps to say your Zen Cart version, your template and its version, and what you see on a phone.