[Skip to main content](#vessel-content)

#   shopping cart as a menu item

##

- **[zoeatdemetra](/forum/user/7576-zoeatdemetra "View zoeatdemetra's Profile")**
- [![zoeatdemetra's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/7576-zoeatdemetra "View zoeatdemetra's Profile") Topic Author
- [ Offline](/forum/user/7576-zoeatdemetra)

Less More

- Posts: 76
- Thank you received: 0
-
-

14 years 4 months ago [\#53712](#53712) by [zoeatdemetra](/forum/user/7576-zoeatdemetra "View zoeatdemetra's Profile")  *[shopping cart as a menu item](/forum/4-how-to/53712-shopping-cart-as-a-menu-item#53712 "Questions about the shopping cart:  Q1: I was wondering if I can make the cart as one of the top menu item, when user clicks it, it will link to the shopping cart details where displays all the transaction details (including items quantity/prices/amount/tax amount/shipping cost/etcc...), just like the example as the screen shot below. I can only find Hikashop shopping cart as a module , but not a menu type item. So don't know how to link it.  Q2: The cart should also display the quantity of the shopped item as well, see the amazon sample below.  Q2: See the cart logo, how can I make it happen? If that is the CSS code issue,then can you give me more specific tips of the coding and where I should apply it to?")* was created by *[zoeatdemetra](/forum/user/7576-zoeatdemetra "View zoeatdemetra's Profile")*

Questions about the shopping cart:

Q1: I was wondering if I can make the cart as one of the top menu item, when user clicks it, it will link to the shopping cart details where displays all the transaction details (including items quantity/prices/amount/tax amount/shipping cost/etcc...), just like the example as the screen shot below. I can only find Hikashop shopping cart as a module , but not a menu type item. So don't know how to link it.

[ ![ScreenHunter&#95;02Jun.1214.52.jpg](/forum/attachment/4251) ](/forum/attachment/4251 "...un.1214.52.jpg")

Q2: The cart should also display the quantity of the shopped item as well, see the amazon sample below.

[ ![ScreenHunter&#95;03Jun.1214.53.jpg](/forum/attachment/4252) ](/forum/attachment/4252 "...un.1214.53.jpg")

Q2: See the cart logo, how can I make it happen? If that is the CSS code issue,then can you give me more specific tips of the coding and where I should apply it to?

- [ ![ScreenHunter&#95;02Jun.1214.52.jpg](/forum/attachment/4251) ](/forum/attachment/4251 "...un.1214.52.jpg") [ ](/forum/attachment/4251?download=1 "...un.1214.52.jpg")
- [ ![ScreenHunter&#95;03Jun.1214.53.jpg](/forum/attachment/4252) ](/forum/attachment/4252 "...un.1214.53.jpg") [ ](/forum/attachment/4252?download=1 "...un.1214.53.jpg")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzUzNzEyLXNob3BwaW5nLWNhcnQtYXMtYS1tZW51LWl0ZW0/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Away](/forum/user/63-nicolas)

Less More

- Posts: 86290
- Thank you received: 14268
-
-

14 years 4 months ago [\#53805](#53805) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: shopping cart as a menu item](/forum/4-how-to/53712-shopping-cart-as-a-menu-item#53805 "Questions about the shopping cart:  Q1: I was wondering if I can make the cart as one of the top menu item, when user clicks it, it will link to the shopping cart details where displays all the transaction details (including items quantity/prices/amount/tax amount/shipping cost/etcc...), just like the example as the screen shot below. I can only find Hikashop shopping cart as a module , but not a menu type item. So don't know how to link it.  Q2: The cart should also display the quantity of the shopped item as well, see the amazon sample below.  Q2: See the cart logo, how can I make it happen? If that is the CSS code issue,then can you give me more specific tips of the coding and where I should apply it to?")*

Hi,

Q1. You can create a menu of the type hikashop checkout. That will display the first step of the checkout when you click on the link.

Q2. Then you would have to use the hikashop cart module with the mini cart option activated. That will display the cart module with a text with the number of items and the total price. The message can be customized via a translation override:
[ www.hikashop.com/en/download/languages.html#modify](http://www.hikashop.com/en/download/languages.html#modify)
That what, you could have it display only the number of products in the cart and then add CSS in the front end CSS file of HikaShop via the Display tab of the configuration in order to add a background image around the quantity.

The following user(s) said Thank You: [starfish](/forum/user/33958-starfish "View starfish's Profile")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzUzNzEyLXNob3BwaW5nLWNhcnQtYXMtYS1tZW51LWl0ZW0/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[zoeatdemetra](/forum/user/7576-zoeatdemetra "View zoeatdemetra's Profile")**
- [![zoeatdemetra's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/7576-zoeatdemetra "View zoeatdemetra's Profile") Topic Author
- [ Offline](/forum/user/7576-zoeatdemetra)

Less More

- Posts: 76
- Thank you received: 0
-
-

14 years 4 months ago [\#53819](#53819) by [zoeatdemetra](/forum/user/7576-zoeatdemetra "View zoeatdemetra's Profile")  Replied by *[zoeatdemetra](/forum/user/7576-zoeatdemetra "View zoeatdemetra's Profile")* on topic *[Re: shopping cart as a menu item](/forum/4-how-to/53712-shopping-cart-as-a-menu-item#53819 "Questions about the shopping cart:  Q1: I was wondering if I can make the cart as one of the top menu item, when user clicks it, it will link to the shopping cart details where displays all the transaction details (including items quantity/prices/amount/tax amount/shipping cost/etcc...), just like the example as the screen shot below. I can only find Hikashop shopping cart as a module , but not a menu type item. So don't know how to link it.  Q2: The cart should also display the quantity of the shopped item as well, see the amazon sample below.  Q2: See the cart logo, how can I make it happen? If that is the CSS code issue,then can you give me more specific tips of the coding and where I should apply it to?")*

I've add the menu item with "Hikashop check out type", and I want the quantity can be displayed in the cart image on this menu,like the screen shot below. Possible? If so how?
[ ![ScreenHunter&#95;07Jun.1312.31.jpg](/forum/attachment/4265) ](/forum/attachment/4265 "...un.1312.31.jpg")

- [ ![ScreenHunter&#95;07Jun.1312.31.jpg](/forum/attachment/4265) ](/forum/attachment/4265 "...un.1312.31.jpg") [ ](/forum/attachment/4265?download=1 "...un.1312.31.jpg")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzUzNzEyLXNob3BwaW5nLWNhcnQtYXMtYS1tZW51LWl0ZW0/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Away](/forum/user/63-nicolas)

Less More

- Posts: 86290
- Thank you received: 14268
-
-

14 years 4 months ago [\#53942](#53942) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: shopping cart as a menu item](/forum/4-how-to/53712-shopping-cart-as-a-menu-item#53942 "Questions about the shopping cart:  Q1: I was wondering if I can make the cart as one of the top menu item, when user clicks it, it will link to the shopping cart details where displays all the transaction details (including items quantity/prices/amount/tax amount/shipping cost/etcc...), just like the example as the screen shot below. I can only find Hikashop shopping cart as a module , but not a menu type item. So don't know how to link it.  Q2: The cart should also display the quantity of the shopped item as well, see the amazon sample below.  Q2: See the cart logo, how can I make it happen? If that is the CSS code issue,then can you give me more specific tips of the coding and where I should apply it to?")*

No, that's not possible. menu items are displayed by Joomla, not HikaShop. You can't change their display.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzUzNzEyLXNob3BwaW5nLWNhcnQtYXMtYS1tZW51LWl0ZW0/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation.

Board Categories HikaShop- Install &amp; Update- Product &amp; Category Display- Content Creation- Sales and Orders- - Orders management- - Reports &amp; Statistics- Customers- Checkout- Payment Methods- Shipping Methods- Import &amp; Export (CSV, XLS…)- Specific Features- - Affilation- - Taxes- - Wishlist- - Vote- - Carousel &amp; Slider- - Mass Actions- - Filters &amp; Search- - Discount &amp; Coupon- - Feature Request- Integrations- Showcase- General Talk about HikaShop- Development- - HikaShop 3.0 Beta- Translation- Commercial Jobs HikaShop Components- HikaMarket- - Market: Feature requests- - Market: How to?- - Market: Bug Report- HikaSerial- - General talk about HikaSerial- - Serial: Bug Report- - Serial: How to?- - Support en Français de HikaSerial (French Support)- - HikaSubscription- HikaAuction- - Auction: Feature requests- - Auction: How to?- - Auction: Bug report Hikashop around the world- Support en Français (French Support)- Russian- - FAQ. Курс выживания с Hikashop. Частые вопросы и о- - Расширения Hikashop- - Наши сайты на Hikashop- 日本語版サポート(Japanese Support)- Thai- German Archives- Bug Report- How to?

[](/forum/topics/feed/mode-topics?format=feed&type=rss)

Time to create page: 0.201 seconds

[Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)

[](#top)
