[Skip to main content](#vessel-content) # Add shopping cart icon ## - **[SarahW](/forum/user/7703-sarahw "View SarahW's Profile")** - [![SarahW's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/7703-sarahw "View SarahW's Profile") Topic Author - [ Offline](/forum/user/7703-sarahw) Less More - Posts: 43 - Thank you received: 3 - - 14 years 1 month ago [\#66867](#66867) by [SarahW](/forum/user/7703-sarahw "View SarahW's Profile") *[Add shopping cart icon](/forum/4-how-to/66867-add-shopping-cart-icon#66867 "I would like the cart module to display a shopping cart icon, ideally above the 'the cart is empty' text and cart content (I am displaying the cart module in the header). I have found a couple of...")* was created by *[SarahW](/forum/user/7703-sarahw "View SarahW's Profile")* I would like the cart module to display a shopping cart icon, ideally above the 'the cart is empty' text and cart content (I am displaying the cart module in the header). I have found a couple of questions on this subject, but I'm afraid that I didn't entirely understand the answers! Apologies for my ignorance :blush: . Is it possible to give simple, step-by-step instructions for doing this? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzY2ODY3LWFkZC1zaG9wcGluZy1jYXJ0LWljb24/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")** - [![Mohamed Thelji's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar6861.png)](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile") - [ Offline](/forum/user/6861-mohamed-thelji) Less More - Posts: 12953 - Thank you received: 1778 - - - 14 years 1 month ago - 14 years 1 month ago [\#66909](#66909) by [Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile") Replied by *[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")* on topic *[Re: Add shopping cart icon](/forum/4-how-to/66867-add-shopping-cart-icon#66909 "I would like the cart module to display a shopping cart icon, ideally above the 'the cart is empty' text and cart content (I am displaying the cart module in the header). I have found a couple of...")* Hi sara, You'll just have to edit the "cart" file of the "product" view of the front-end's template that you are currently using, and add the code that will display your "shopping cart icon" : Code: echo '<img src="YOUR SHOPPING CART ICON ADDRESS" alt="Shopping cart icon" width=50px lenght=50px/>'; after the code : Code: defined('_JEXEC') or die('Restricted access'); ?> <?php Hope this will help you. Last edit: 14 years 1 month ago by [Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzY2ODY3LWFkZC1zaG9wcGluZy1jYXJ0LWljb24/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[SarahW](/forum/user/7703-sarahw "View SarahW's Profile")** - [![SarahW's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/7703-sarahw "View SarahW's Profile") Topic Author - [ Offline](/forum/user/7703-sarahw) Less More - Posts: 43 - Thank you received: 3 - - 14 years 1 month ago [\#66935](#66935) by [SarahW](/forum/user/7703-sarahw "View SarahW's Profile") Replied by *[SarahW](/forum/user/7703-sarahw "View SarahW's Profile")* on topic *[Re: Add shopping cart icon](/forum/4-how-to/66867-add-shopping-cart-icon#66935 "I would like the cart module to display a shopping cart icon, ideally above the 'the cart is empty' text and cart content (I am displaying the cart module in the header). I have found a couple of...")* Yes, thank you very much Mohamed - that's clear enough even for me to understand. And thanks for responding so quickly. The support here is amazingly good! Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzY2ODY3LWFkZC1zaG9wcGluZy1jYXJ0LWljb24/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[djundi](/forum/user/7718-djundi "View djundi's Profile")** - [![djundi's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar_2012-11-20.jpg)](/forum/user/7718-djundi "View djundi's Profile") - [ Offline](/forum/user/7718-djundi) Less More - Posts: 45 - Thank you received: 1 - - - - 13 years 11 months ago - 13 years 11 months ago [\#77645](#77645) by [djundi](/forum/user/7718-djundi "View djundi's Profile") Replied by *[djundi](/forum/user/7718-djundi "View djundi's Profile")* on topic *[Re: Add shopping cart icon](/forum/4-how-to/66867-add-shopping-cart-icon#77645 "I would like the cart module to display a shopping cart icon, ideally above the 'the cart is empty' text and cart content (I am displaying the cart module in the header). I have found a couple of...")* Hi ![:)](/media/kunena/emoticons/3.png ":)") where i must upload this icon "Shopping cart icon" ? I add the code, but icon do'not show in my cart module in frint end..... - [ ![code-1.png](/forum/attachment/7064) ](/forum/attachment/7064 "code-1.png") [ ](/forum/attachment/7064?download=1 "code-1.png") - [ ![cart_do_not_show-1.png](/forum/attachment/7065) ](/forum/attachment/7065 "...not_show-1.png") [ ](/forum/attachment/7065?download=1 "...not_show-1.png") Last edit: 13 years 11 months ago by [djundi](/forum/user/7718-djundi "View djundi's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzY2ODY3LWFkZC1zaG9wcGluZy1jYXJ0LWljb24/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Xavier](/forum/user/4105-xavier "View Xavier's Profile")** - [![Xavier's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar4105.png)](/forum/user/4105-xavier "View Xavier's Profile") - [ Offline](/forum/user/4105-xavier) Less More - Posts: 13201 - Thank you received: 2322 - - - - [](http://www.kidiweb.fr) - 13 years 11 months ago [\#77653](#77653) by [Xavier](/forum/user/4105-xavier "View Xavier's Profile") Replied by *[Xavier](/forum/user/4105-xavier "View Xavier's Profile")* on topic *[Re: Add shopping cart icon](/forum/4-how-to/66867-add-shopping-cart-icon#77653 "I would like the cart module to display a shopping cart icon, ideally above the 'the cart is empty' text and cart content (I am displaying the cart module in the header). I have found a couple of...")* Hi, You can upload it in "media/com_hikashop/images". And your code should be: Code: defined('_JEXEC') or die('Restricted access'); ?> <?php echo '<img src="media/com_hikashop/images/yourImage.png" alt="Shopping cart icon" width=50px lenght=50px/>'; global $Itemid; And change "yourImage.png" by your image name. The following user(s) said Thank You: [djundi](/forum/user/7718-djundi "View djundi's Profile"), [41global](/forum/user/26761-41global "View 41global's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzY2ODY3LWFkZC1zaG9wcGluZy1jYXJ0LWljb24/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[djundi](/forum/user/7718-djundi "View djundi's Profile")** - [![djundi's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar_2012-11-20.jpg)](/forum/user/7718-djundi "View djundi's Profile") - [ Offline](/forum/user/7718-djundi) Less More - Posts: 45 - Thank you received: 1 - - - - 13 years 11 months ago [\#77672](#77672) by [djundi](/forum/user/7718-djundi "View djundi's Profile") Replied by *[djundi](/forum/user/7718-djundi "View djundi's Profile")* on topic *[Re: Add shopping cart icon](/forum/4-how-to/66867-add-shopping-cart-icon#77672 "I would like the cart module to display a shopping cart icon, ideally above the 'the cart is empty' text and cart content (I am displaying the cart module in the header). I have found a couple of...")* Now thinks gona betther ![:)](/media/kunena/emoticons/3.png ":)") Thanks agin, for greather and faster support ![:)](/media/kunena/emoticons/3.png ":)") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzY2ODY3LWFkZC1zaG9wcGluZy1jYXJ0LWljb24/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Jacoke](/forum/user/17734-jacoke "View Jacoke's Profile")** - [![Jacoke's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar_2013-05-01-2.jpg)](/forum/user/17734-jacoke "View Jacoke's Profile") - [ Offline](/forum/user/17734-jacoke) Less More - Posts: 8 - Thank you received: 0 - - - - [](http://www.pottery4you.com) - 13 years 4 months ago [\#111464](#111464) by [Jacoke](/forum/user/17734-jacoke "View Jacoke's Profile") Replied by *[Jacoke](/forum/user/17734-jacoke "View Jacoke's Profile")* on topic *[Add shopping cart icon](/forum/4-how-to/66867-add-shopping-cart-icon#111464 "I would like the cart module to display a shopping cart icon, ideally above the 'the cart is empty' text and cart content (I am displaying the cart module in the header). I have found a couple of...")* Hi guys, this helped, but I now need to put the icon next to the priceline. I would like to have th eicon on the same line as the basket and not above. And add some spacing nect to "proceed". And how do I save this, so that next upgarde it doesn't change again? Any help? Thx ![:cheer:](/media/kunena/emoticons/2.png ":cheer:") - [ ![Screen_Shot_2013-06-30_at_13_34_56.png](/forum/attachment/10868) ](/forum/attachment/10868 "...t_13_34_56.png") [ ](/forum/attachment/10868?download=1 "...t_13_34_56.png") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzY2ODY3LWFkZC1zaG9wcGluZy1jYXJ0LWljb24/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?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86320 - Thank you received: 14279 - - 13 years 4 months ago [\#111481](#111481) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Add shopping cart icon](/forum/4-how-to/66867-add-shopping-cart-icon#111481 "I would like the cart module to display a shopping cart icon, ideally above the 'the cart is empty' text and cart content (I am displaying the cart module in the header). I have found a couple of...")* Can you give a link to that page so that we can analyze the CSS and HTML of that area ? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzY2ODY3LWFkZC1zaG9wcGluZy1jYXJ0LWljb24/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Jacoke](/forum/user/17734-jacoke "View Jacoke's Profile")** - [![Jacoke's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar_2013-05-01-2.jpg)](/forum/user/17734-jacoke "View Jacoke's Profile") - [ Offline](/forum/user/17734-jacoke) Less More - Posts: 8 - Thank you received: 0 - - - - [](http://www.pottery4you.com) - 13 years 4 months ago [\#111534](#111534) by [Jacoke](/forum/user/17734-jacoke "View Jacoke's Profile") Replied by *[Jacoke](/forum/user/17734-jacoke "View Jacoke's Profile")* on topic *[Add shopping cart icon](/forum/4-how-to/66867-add-shopping-cart-icon#111534 "I would like the cart module to display a shopping cart icon, ideally above the 'the cart is empty' text and cart content (I am displaying the cart module in the header). I have found a couple of...")* [ pottery4you.com/](http://pottery4you.com/) Thx. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzY2ODY3LWFkZC1zaG9wcGluZy1jYXJ0LWljb24/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?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86320 - Thank you received: 14279 - - 13 years 4 months ago [\#111540](#111540) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Add shopping cart icon](/forum/4-how-to/66867-add-shopping-cart-icon#111540 "I would like the cart module to display a shopping cart icon, ideally above the 'the cart is empty' text and cart content (I am displaying the cart module in the header). I have found a couple of...")* You can use that CSS in the frontend CSS file of HikaShop that you can edit via the Display tab of the configuration: .hikashop_cart_module img{ float:left } .hikashop_cart{ float: left; margin-top: 7px; } The following user(s) said Thank You: [Jacoke](/forum/user/17734-jacoke "View Jacoke's Profile"), [41global](/forum/user/26761-41global "View 41global's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzY2ODY3LWFkZC1zaG9wcGluZy1jYXJ0LWljb24/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Jacoke](/forum/user/17734-jacoke "View Jacoke's Profile")** - [![Jacoke's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar_2013-05-01-2.jpg)](/forum/user/17734-jacoke "View Jacoke's Profile") - [ Offline](/forum/user/17734-jacoke) Less More - Posts: 8 - Thank you received: 0 - - - - [](http://www.pottery4you.com) - 13 years 3 months ago [\#111984](#111984) by [Jacoke](/forum/user/17734-jacoke "View Jacoke's Profile") Replied by *[Jacoke](/forum/user/17734-jacoke "View Jacoke's Profile")* on topic *[Add shopping cart icon](/forum/4-how-to/66867-add-shopping-cart-icon#111984 "I would like the cart module to display a shopping cart icon, ideally above the 'the cart is empty' text and cart content (I am displaying the cart module in the header). I have found a couple of...")* Did solve it. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzY2ODY3LWFkZC1zaG9wcGluZy1jYXJ0LWljb24/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[41global](/forum/user/26761-41global "View 41global's Profile")** - [![41global's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/26761-41global "View 41global's Profile") - [ Offline](/forum/user/26761-41global) Less More - Posts: 48 - Thank you received: 1 - - 8 years 4 months ago [\#293858](#293858) by [41global](/forum/user/26761-41global "View 41global's Profile") Replied by *[41global](/forum/user/26761-41global "View 41global's Profile")* on topic *[Add shopping cart icon](/forum/4-how-to/66867-add-shopping-cart-icon#293858 "I would like the cart module to display a shopping cart icon, ideally above the 'the cart is empty' text and cart content (I am displaying the cart module in the header). I have found a couple of...")* Thanks so much for this nicolas. I would like to center the cart image and text. Is there a css trick to easily center both items. Currently both are aligned to left of screen. Thanks! Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzY2ODY3LWFkZC1zaG9wcGluZy1jYXJ0LWljb24/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Philip](/forum/user/34318-philip "View Philip's Profile")** - [![Philip's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar34318_2015-11-18-2.png)](/forum/user/34318-philip "View Philip's Profile") - [ Offline](/forum/user/34318-philip) Less More - Posts: 4820 - Thank you received: 654 - - 8 years 4 months ago - 8 years 4 months ago [\#293870](#293870) by [Philip](/forum/user/34318-philip "View Philip's Profile") Replied by *[Philip](/forum/user/34318-philip "View Philip's Profile")* on topic *[Add shopping cart icon](/forum/4-how-to/66867-add-shopping-cart-icon#293870 "I would like the cart module to display a shopping cart icon, ideally above the 'the cart is empty' text and cart content (I am displaying the cart module in the header). I have found a couple of...")* Hello, As the subject is very old, can you precise your HikaShop version and the context (with Url link) or at least screenshots. Hard to advice you without this, I can give you [ **this link**](https://www.w3schools.com/css/) in order to have Css references. Regards Last edit: 8 years 4 months ago by [Philip](/forum/user/34318-philip "View Philip's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzY2ODY3LWFkZC1zaG9wcGluZy1jYXJ0LWljb24/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. Board Categories HikaShop Install & Update Product & Category Display Content Creation Sales and Orders Orders management Reports & Statistics Customers Checkout Payment Methods Shipping Methods Import & Export (CSV, XLS…) Specific Features Affilation Taxes Wishlist Vote Carousel & Slider Mass Actions Filters & Search Discount & 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.105 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org) [](#top)