Display Cart Icon in Menu

  • Posts: 109
  • Thank you received: 1
4 years 7 months ago #317470

-- HikaShop version -- : 4.2.3
-- Joomla version -- : 3.9.16

I've created a menu item 'cart' that displays the 'fa shopping cart' icon. Is there a way to display the icon only if there's something in the cart?

Also is there a way to display a number or visual with it so that customers know there's something in it?

Last edit: 4 years 7 months ago by dagroupinc.

Please Log in or Create an account to join the conversation.

  • Posts: 82867
  • Thank you received: 13373
  • MODERATOR
4 years 7 months ago #317482

Hi,

What I would recommend is to do this:
- install the extension "modules anywhere" and activate it
- create a HikaShop cart module with the "mini cart" setting activated in a position that isn't displayed by your template
- use a translation override to adapt the text of the mini cart to include a cart icon, remove the text etc:
www.hikashop.com/download/languages.html#modify
- edit your menu item and in the "title" of the menu item, enter a modules anywhere tag to add that mini cart module there.
That way, that menu item will refresh automatically based on what's in the cart. And you can have the quantity of the products in the cart, the total amount, etc

Please Log in or Create an account to join the conversation.

  • Posts: 109
  • Thank you received: 1
4 years 7 months ago #317511

I have Modules Anywhere, the icon showing and the shortcode but it does not display quantity.

Please Log in or Create an account to join the conversation.

  • Posts: 82867
  • Thank you received: 13373
  • MODERATOR
4 years 7 months ago #317517

Hi,

I'll need you to post screenshots of what you did and a link to the page so that we can check on the situation.

Please Log in or Create an account to join the conversation.

  • Posts: 109
  • Thank you received: 1
4 years 7 months ago #317565

Attached is a PDF with screenshots of the module(s), language override, and menu.

When we enter the module anywhere tag {...} it breaks the navigation/menu — you can see on the last screen. Aside from some CSS and customizing the settings in the Hikashop Cart Module, do we modify the language override?

Additional question: Can we have the cart icon in the menu and a module on the store pages displaying the items, etc. in the cart at the same time?

Please note that the URL is hidden until we go live:

skywayyachtworks.com/ships-store

Attachments:
Last edit: 4 years 7 months ago by dagroupinc.

Please Log in or Create an account to join the conversation.

  • Posts: 82867
  • Thank you received: 13373
  • MODERATOR
4 years 7 months ago #317569

Hi,

Humm, then it's not possible like that.
Then what you can do instead, is to remove that menu item, and configure your mini cart module to display in the same position of your template as your menu module so that it displays next to it. That should be good enough. And then, you can customize the display of the cart module with translation overrides as explained before.

Please Log in or Create an account to join the conversation.

Time to create page: 0.063 seconds
Powered by Kunena Forum