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

#   How to add cart image with minicart

##

- **[jgardounis](/forum/user/36377-jgardounis "View jgardounis's Profile")**
- [![jgardounis's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar36377.jpg)](/forum/user/36377-jgardounis "View jgardounis's Profile") Topic Author
- [ Offline](/forum/user/36377-jgardounis)

Less More

- Posts: 8
- Thank you received: 4
-
-

9 years 1 month ago [\#279660](#279660) by [jgardounis](/forum/user/36377-jgardounis "View jgardounis's Profile")  *[How to add cart image with minicart](/forum/2-general-talk-about-hikashop/892200-how-to-add-cart-image-with-minicart#279660 "Disclaimer: First I would like to say that if the inclusion of parts of code is a problem for the Hikashop creators, I apologize and I will remove it promptly. Just let me know.  Hello everyone,  I would like to help those who might be looking for it and can only find scattered pieces of info around here but not a specific solution to the problem of adding an image to the minicart with a total number of items showing, as in the image  Step 1: In the backend go to Extensions &gt; Modules and search for Cart Display (might be different if you changed the original's name)  Step 2: In the module page make sure you assign it to a position (I chose the &#91;menu&#93;) and in the Hikashop tab select the Minicart &#91;Dropdown cart&#93; option. Depending on what you want to show in the drop down of the minicart select product image, proceed button, product name, delete button, coupon, shipping. Make sure the &quot;Product Quantities&quot; are set to &#91;YES&#93; if you want to show total number of products and not the price and the &quot;Hide if empty&quot; to &#91;Default&#93;.  save and close  Step 3: Time to change the texts for the various cart states. Go to Hikashop &gt; Configuration &gt; Languages and edit the each of the languages you use to append the following (IMPORTANT NOTE: do NOT change the .ini files themselves, instead use the override which is in the lower part of the language popup editor):  Click Save at the top of the popup and then the green Joomla save.  Step 4: Now the most important part. Go to Components &gt; Hikashop &gt; Configuration &gt; Display &gt; Views - In the fliter select: Product | &#91;Your site's template&#93; | Front End - In the results look for the &quot;cart.php&quot; and edit it (when you are in the editor page the breadcrumb should be: product / cart.php) - At the top where $tmpl and $module&#95;id are initialized add the following:  so it should look like:  Further down you will encounter the code for when the cart if empty:  Below it I added the following (though I am fairly certain its not needed):  and a couple of lines below change the following:  into:  Even further down where it says:  change it to:  We got a couple of more changes still. One is here:  Where we set the cartimg with the path of the full cart:  Then comes the tricky part cause we need to make a little rearrangement. We go to the part of the code where it has the link that opens the minicart dropdown:  And we move the image tag outside of the span tag in order to be able to have it independent of the span's css:  Then its only a matter of css to make it look beautiful.  I hope someone finds this helpful. Let me know if you have any problems or if the code doesnt work for you (it should, though).")* was created by *[jgardounis](/forum/user/36377-jgardounis "View jgardounis's Profile")*

Disclaimer: First I would like to say that if the inclusion of parts of code is a problem for the Hikashop creators, I apologize and I will remove it promptly. Just let me know.

Hello everyone,

I would like to help those who might be looking for it and can only find scattered pieces of info around here but not a specific solution to the problem of adding an image to the minicart with a total number of items showing, as in the image
[ ![cart-image.png](/forum/attachment/40619) ](/forum/attachment/40619 "cart-image.png")

**Step 1:** In the backend go to Extensions &gt; Modules and search for Cart Display (might be different if you changed the original's name)

**Step 2:** In the module page make sure you assign it to a position (I chose the [menu]) and in the Hikashop tab select the Minicart [Dropdown cart] option. Depending on what you want to show in the drop down of the minicart select product image, proceed button, product name, delete button, coupon, shipping. Make sure the "Product Quantities" are set to [YES] if you want to show total number of products and not the price and the "Hide if empty" to [Default].

save and close

**Step 3:** Time to change the texts for the various cart states. Go to Hikashop &gt; Configuration &gt; Languages and edit the each of the languages you use to append the following (IMPORTANT NOTE: do NOT change the .ini files themselves, instead use the override which is in the lower part of the language popup editor):
Code:

CART_EMPTY="&lt;img src=' http://website.com/path/to/empty-cart/image/empty-cart-image.png ' width="40" height="40" /&gt;&lt;br/&gt;%s" X_ITEM_FOR_X="&lt;br/&gt;%s" X_ITEMS_FOR_X="&lt;br/&gt;%s" TOTAL_IN_CART_X="&lt;br/&gt;Total : %s"

Click Save at the top of the popup and then the green Joomla save.

**Step 4:** Now the most important part. Go to Components &gt; Hikashop &gt; Configuration &gt; Display &gt; Views
- In the fliter select: Product &#124; [Your site's template] &#124; Front End
- In the results look for the "cart.php" and edit it (when you are in the editor page the breadcrumb should be: product / cart.php)
- At the top where $tmpl and $module_id are initialized add the following:
Code:

$cartimg = 'http://website.com/path/to/empty-cart/image/empty-cart-image.png';

so it should look like:
Code:

$tmpl = JRequest::getWord('tmpl', ''); $module_id = (int)$this-&gt;params-&gt;get('id', 0); $cartimg = 'http://website.com/path/to/empty-cart/image/empty-cart-image.png';

Further down you will encounter the code for when the cart if empty: Code:

if(empty($this-&gt;rows)) {

Below it I added the following (though I am fairly certain its not needed): Code:

$cartimg = 'https://menestho.com/images/shopping_bag_empty.png';

and a couple of lines below change the following: Code:

if((empty($desc) &amp;&amp; $desc != '0') &#124;&#124; $hidecart == 0) $desc = ($this-&gt;cart_type == 'cart') ? JText::_('CART_EMPTY') : JText::_('WISHLIST_EMPTY');

into: Code:

if((empty($desc) &amp;&amp; $desc != '0') &#124;&#124; $hidecart == 0) $desc = ($this-&gt;cart_type == 'cart') ? JText::sprintf('X_ITEM_FOR_X', '0') : JText::_('WISHLIST_EMPTY');

Even further down where it says: Code:

if(!in_array($tmpl, array('component', 'ajax'))) { ?&gt; &lt;div id="hikashop_cart_&lt;?php echo $module_id; ?&gt;" class="hikashop_cart"&gt;

change it to: Code:

if(!in_array($tmpl, array('component', 'ajax'))) { $cartimg = 'http://website.com/path/to/full-cart/image/full-cart-image.png'; ?&gt; &lt;div id="hikashop_cart_&lt;?php echo $module_id; ?&gt;" class="hikashop_cart"&gt;

We got a couple of more changes still. One is here: Code:

if(!empty($small_cart)) { $price_name = '';

Where we set the cartimg with the path of the full cart: Code:

if(!empty($small_cart)) { $cartimg = 'http://website.com/path/to/full-cart/image/full-cart-image.png'; $price_name = '';

Then comes the tricky part cause we need to make a little rearrangement. We go to the part of the code where it has the link that opens the minicart dropdown: Code:

&lt;a class="hikashop_small_cart_checkout_link" href="&lt;?php echo $link; ?&gt;"&lt;?php echo $extra_data; ?&gt;&gt; &lt;span class="hikashop_small_cart_total_title"&gt;&lt;?php echo $text; ?&gt; &lt;img src="cant-remember-what-was-here" &gt; &lt;/span&gt; &lt;/a&gt;

And we move the image tag outside of the span tag in order to be able to have it independent of the span's css: Code:

&lt;a class="hikashop_small_cart_checkout_link" href="&lt;?php echo $link; ?&gt;"&lt;?php echo $extra_data; ?&gt;&gt; &lt;img src="&lt;?php echo $cartimg ?&gt;" width="40" height="40"&gt; &lt;span class="hikashop_small_cart_total_title"&gt;&lt;?php echo $text; ?&gt;&lt;/span&gt; &lt;/a&gt;

Then its only a matter of css to make it look beautiful.

I hope someone finds this helpful. Let me know if you have any problems or if the code doesnt work for you (it should, though).

- [ ![cart-image.png](/forum/attachment/40619) ](/forum/attachment/40619 "cart-image.png") [ ](/forum/attachment/40619?download=1 "cart-image.png")

The following user(s) said Thank You: [pprle](/forum/user/11949-pprle "View pprle's Profile"), [Wella](/forum/user/33127-wella "View Wella's Profile"), [Philip](/forum/user/34318-philip "View Philip's Profile")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzg5MjIwMC1ob3ctdG8tYWRkLWNhcnQtaW1hZ2Utd2l0aC1taW5pY2FydD90bXBsPW1hcmtkb3du) or [Create an account](/register) 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: 86322
- Thank you received: 14281
-
-

9 years 1 month ago [\#279665](#279665) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[How to add cart image with minicart](/forum/2-general-talk-about-hikashop/892200-how-to-add-cart-image-with-minicart#279665 "Disclaimer: First I would like to say that if the inclusion of parts of code is a problem for the Hikashop creators, I apologize and I will remove it promptly. Just let me know.  Hello everyone,  I would like to help those who might be looking for it and can only find scattered pieces of info around here but not a specific solution to the problem of adding an image to the minicart with a total number of items showing, as in the image  Step 1: In the backend go to Extensions &gt; Modules and search for Cart Display (might be different if you changed the original's name)  Step 2: In the module page make sure you assign it to a position (I chose the &#91;menu&#93;) and in the Hikashop tab select the Minicart &#91;Dropdown cart&#93; option. Depending on what you want to show in the drop down of the minicart select product image, proceed button, product name, delete button, coupon, shipping. Make sure the &quot;Product Quantities&quot; are set to &#91;YES&#93; if you want to show total number of products and not the price and the &quot;Hide if empty&quot; to &#91;Default&#93;.  save and close  Step 3: Time to change the texts for the various cart states. Go to Hikashop &gt; Configuration &gt; Languages and edit the each of the languages you use to append the following (IMPORTANT NOTE: do NOT change the .ini files themselves, instead use the override which is in the lower part of the language popup editor):  Click Save at the top of the popup and then the green Joomla save.  Step 4: Now the most important part. Go to Components &gt; Hikashop &gt; Configuration &gt; Display &gt; Views - In the fliter select: Product | &#91;Your site's template&#93; | Front End - In the results look for the &quot;cart.php&quot; and edit it (when you are in the editor page the breadcrumb should be: product / cart.php) - At the top where $tmpl and $module&#95;id are initialized add the following:  so it should look like:  Further down you will encounter the code for when the cart if empty:  Below it I added the following (though I am fairly certain its not needed):  and a couple of lines below change the following:  into:  Even further down where it says:  change it to:  We got a couple of more changes still. One is here:  Where we set the cartimg with the path of the full cart:  Then comes the tricky part cause we need to make a little rearrangement. We go to the part of the code where it has the link that opens the minicart dropdown:  And we move the image tag outside of the span tag in order to be able to have it independent of the span's css:  Then its only a matter of css to make it look beautiful.  I hope someone finds this helpful. Let me know if you have any problems or if the code doesnt work for you (it should, though).")*

Hi,

Thanks for the message.
One thing though I don't understand is why not use only translation overrides ? You could have added the img tags in each translation override, added a span with a class around the %s and you wouldn't have needed any view override in that case. All that would be left would be some CSS to style the elements.
That would be more resilient for future modifications of HikaShop since it wouldn't require a view override.
But maybe I'm missing something having only a quick look at your code changes.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzg5MjIwMC1ob3ctdG8tYWRkLWNhcnQtaW1hZ2Utd2l0aC1taW5pY2FydD90bXBsPW1hcmtkb3du) or [Create an account](/register) to join the conversation.

- **[jgardounis](/forum/user/36377-jgardounis "View jgardounis's Profile")**
- [![jgardounis's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar36377.jpg)](/forum/user/36377-jgardounis "View jgardounis's Profile") Topic Author
- [ Offline](/forum/user/36377-jgardounis)

Less More

- Posts: 8
- Thank you received: 4
-
-

9 years 2 weeks ago -  9 years 2 weeks ago [\#280729](#280729) by [jgardounis](/forum/user/36377-jgardounis "View jgardounis's Profile")  Replied by *[jgardounis](/forum/user/36377-jgardounis "View jgardounis's Profile")* on topic *[How to add cart image with minicart](/forum/2-general-talk-about-hikashop/892200-how-to-add-cart-image-with-minicart#280729 "Disclaimer: First I would like to say that if the inclusion of parts of code is a problem for the Hikashop creators, I apologize and I will remove it promptly. Just let me know.  Hello everyone,  I would like to help those who might be looking for it and can only find scattered pieces of info around here but not a specific solution to the problem of adding an image to the minicart with a total number of items showing, as in the image  Step 1: In the backend go to Extensions &gt; Modules and search for Cart Display (might be different if you changed the original's name)  Step 2: In the module page make sure you assign it to a position (I chose the &#91;menu&#93;) and in the Hikashop tab select the Minicart &#91;Dropdown cart&#93; option. Depending on what you want to show in the drop down of the minicart select product image, proceed button, product name, delete button, coupon, shipping. Make sure the &quot;Product Quantities&quot; are set to &#91;YES&#93; if you want to show total number of products and not the price and the &quot;Hide if empty&quot; to &#91;Default&#93;.  save and close  Step 3: Time to change the texts for the various cart states. Go to Hikashop &gt; Configuration &gt; Languages and edit the each of the languages you use to append the following (IMPORTANT NOTE: do NOT change the .ini files themselves, instead use the override which is in the lower part of the language popup editor):  Click Save at the top of the popup and then the green Joomla save.  Step 4: Now the most important part. Go to Components &gt; Hikashop &gt; Configuration &gt; Display &gt; Views - In the fliter select: Product | &#91;Your site's template&#93; | Front End - In the results look for the &quot;cart.php&quot; and edit it (when you are in the editor page the breadcrumb should be: product / cart.php) - At the top where $tmpl and $module&#95;id are initialized add the following:  so it should look like:  Further down you will encounter the code for when the cart if empty:  Below it I added the following (though I am fairly certain its not needed):  and a couple of lines below change the following:  into:  Even further down where it says:  change it to:  We got a couple of more changes still. One is here:  Where we set the cartimg with the path of the full cart:  Then comes the tricky part cause we need to make a little rearrangement. We go to the part of the code where it has the link that opens the minicart dropdown:  And we move the image tag outside of the span tag in order to be able to have it independent of the span's css:  Then its only a matter of css to make it look beautiful.  I hope someone finds this helpful. Let me know if you have any problems or if the code doesnt work for you (it should, though).")*

Thank you for checking it. Originally I went through the override, adding span, as it was proposed in another thread. The problem was that it forced the icon of the cart to the dimensions of the span of the number of cart items (i.e. very small) so I checked it with firefox and tried a number of css stuff (even with !important) to make the cart icon resume its set size, but to no avail.

So as I was playing around with the code in firefox I dragged and dropped the image tag outside of the span and thus the extend of the override. It worked like a charm. It was then that I realized that I the image would need to be completely out of the influence of the span in order to be displaying properly.

In all honestly I hope this feature (or the ability to show the minicart in the same form as my modifications allow) will be one of the options in Hikashop in the future.

Note#1: In the future perhaps through the configuration menu I could have an option to select our cart images and the path to replace the $cartimg.

Note#2: I even managed to make the cart be drag-and-droppable around the page through javascript. Still I doubt it looks as good in desktop site, as it would look in mobiles and I have yet to delve into how to code mobile touchscreen interaction.

Last edit: 9 years 2 weeks ago by [jgardounis](/forum/user/36377-jgardounis "View jgardounis's Profile").

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzg5MjIwMC1ob3ctdG8tYWRkLWNhcnQtaW1hZ2Utd2l0aC1taW5pY2FydD90bXBsPW1hcmtkb3du) or [Create an account](/register) 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: 86322
- Thank you received: 14281
-
-

9 years 2 weeks ago [\#280787](#280787) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[How to add cart image with minicart](/forum/2-general-talk-about-hikashop/892200-how-to-add-cart-image-with-minicart#280787 "Disclaimer: First I would like to say that if the inclusion of parts of code is a problem for the Hikashop creators, I apologize and I will remove it promptly. Just let me know.  Hello everyone,  I would like to help those who might be looking for it and can only find scattered pieces of info around here but not a specific solution to the problem of adding an image to the minicart with a total number of items showing, as in the image  Step 1: In the backend go to Extensions &gt; Modules and search for Cart Display (might be different if you changed the original's name)  Step 2: In the module page make sure you assign it to a position (I chose the &#91;menu&#93;) and in the Hikashop tab select the Minicart &#91;Dropdown cart&#93; option. Depending on what you want to show in the drop down of the minicart select product image, proceed button, product name, delete button, coupon, shipping. Make sure the &quot;Product Quantities&quot; are set to &#91;YES&#93; if you want to show total number of products and not the price and the &quot;Hide if empty&quot; to &#91;Default&#93;.  save and close  Step 3: Time to change the texts for the various cart states. Go to Hikashop &gt; Configuration &gt; Languages and edit the each of the languages you use to append the following (IMPORTANT NOTE: do NOT change the .ini files themselves, instead use the override which is in the lower part of the language popup editor):  Click Save at the top of the popup and then the green Joomla save.  Step 4: Now the most important part. Go to Components &gt; Hikashop &gt; Configuration &gt; Display &gt; Views - In the fliter select: Product | &#91;Your site's template&#93; | Front End - In the results look for the &quot;cart.php&quot; and edit it (when you are in the editor page the breadcrumb should be: product / cart.php) - At the top where $tmpl and $module&#95;id are initialized add the following:  so it should look like:  Further down you will encounter the code for when the cart if empty:  Below it I added the following (though I am fairly certain its not needed):  and a couple of lines below change the following:  into:  Even further down where it says:  change it to:  We got a couple of more changes still. One is here:  Where we set the cartimg with the path of the full cart:  Then comes the tricky part cause we need to make a little rearrangement. We go to the part of the code where it has the link that opens the minicart dropdown:  And we move the image tag outside of the span tag in order to be able to have it independent of the span's css:  Then its only a matter of css to make it look beautiful.  I hope someone finds this helpful. Let me know if you have any problems or if the code doesnt work for you (it should, though).")*

Hi,

Thank you for your feedback. A default easy way to have an icon cart module could be good in the future yes. We'll look into it.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzg5MjIwMC1ob3ctdG8tYWRkLWNhcnQtaW1hZ2Utd2l0aC1taW5pY2FydD90bXBsPW1hcmtkb3du) or [Create an account](/register) to join the conversation.

- **[pprle](/forum/user/11949-pprle "View pprle's Profile")**
- [![pprle's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/gallery/blue_hikashop_heart.png)](/forum/user/11949-pprle "View pprle's Profile")
- [ Offline](/forum/user/11949-pprle)

Less More

- Posts: 158
- Thank you received: 8
-
-

8 years 9 months ago [\#285437](#285437) by [pprle](/forum/user/11949-pprle "View pprle's Profile")  Replied by *[pprle](/forum/user/11949-pprle "View pprle's Profile")* on topic *[How to add cart image with minicart](/forum/2-general-talk-about-hikashop/892200-how-to-add-cart-image-with-minicart#285437 "Disclaimer: First I would like to say that if the inclusion of parts of code is a problem for the Hikashop creators, I apologize and I will remove it promptly. Just let me know.  Hello everyone,  I would like to help those who might be looking for it and can only find scattered pieces of info around here but not a specific solution to the problem of adding an image to the minicart with a total number of items showing, as in the image  Step 1: In the backend go to Extensions &gt; Modules and search for Cart Display (might be different if you changed the original's name)  Step 2: In the module page make sure you assign it to a position (I chose the &#91;menu&#93;) and in the Hikashop tab select the Minicart &#91;Dropdown cart&#93; option. Depending on what you want to show in the drop down of the minicart select product image, proceed button, product name, delete button, coupon, shipping. Make sure the &quot;Product Quantities&quot; are set to &#91;YES&#93; if you want to show total number of products and not the price and the &quot;Hide if empty&quot; to &#91;Default&#93;.  save and close  Step 3: Time to change the texts for the various cart states. Go to Hikashop &gt; Configuration &gt; Languages and edit the each of the languages you use to append the following (IMPORTANT NOTE: do NOT change the .ini files themselves, instead use the override which is in the lower part of the language popup editor):  Click Save at the top of the popup and then the green Joomla save.  Step 4: Now the most important part. Go to Components &gt; Hikashop &gt; Configuration &gt; Display &gt; Views - In the fliter select: Product | &#91;Your site's template&#93; | Front End - In the results look for the &quot;cart.php&quot; and edit it (when you are in the editor page the breadcrumb should be: product / cart.php) - At the top where $tmpl and $module&#95;id are initialized add the following:  so it should look like:  Further down you will encounter the code for when the cart if empty:  Below it I added the following (though I am fairly certain its not needed):  and a couple of lines below change the following:  into:  Even further down where it says:  change it to:  We got a couple of more changes still. One is here:  Where we set the cartimg with the path of the full cart:  Then comes the tricky part cause we need to make a little rearrangement. We go to the part of the code where it has the link that opens the minicart dropdown:  And we move the image tag outside of the span tag in order to be able to have it independent of the span's css:  Then its only a matter of css to make it look beautiful.  I hope someone finds this helpful. Let me know if you have any problems or if the code doesnt work for you (it should, though).")*

Hello nicolas,

I can only confirm that I would also like to see this as native display option.
+ a setting to define the cart/bag image path in the hikashop cart module settings.

It is a must-have.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzg5MjIwMC1ob3ctdG8tYWRkLWNhcnQtaW1hZ2Utd2l0aC1taW5pY2FydD90bXBsPW1hcmtkb3du) or [Create an account](/register) to join the conversation.

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

Less More

- Posts: 15
- Thank you received: 0
-
-

8 years 6 months ago [\#292182](#292182) by [arisdra](/forum/user/53577-arisdra "View arisdra's Profile")  Replied by *[arisdra](/forum/user/53577-arisdra "View arisdra's Profile")* on topic *[How to add cart image with minicart](/forum/2-general-talk-about-hikashop/892200-how-to-add-cart-image-with-minicart#292182 "Disclaimer: First I would like to say that if the inclusion of parts of code is a problem for the Hikashop creators, I apologize and I will remove it promptly. Just let me know.  Hello everyone,  I would like to help those who might be looking for it and can only find scattered pieces of info around here but not a specific solution to the problem of adding an image to the minicart with a total number of items showing, as in the image  Step 1: In the backend go to Extensions &gt; Modules and search for Cart Display (might be different if you changed the original's name)  Step 2: In the module page make sure you assign it to a position (I chose the &#91;menu&#93;) and in the Hikashop tab select the Minicart &#91;Dropdown cart&#93; option. Depending on what you want to show in the drop down of the minicart select product image, proceed button, product name, delete button, coupon, shipping. Make sure the &quot;Product Quantities&quot; are set to &#91;YES&#93; if you want to show total number of products and not the price and the &quot;Hide if empty&quot; to &#91;Default&#93;.  save and close  Step 3: Time to change the texts for the various cart states. Go to Hikashop &gt; Configuration &gt; Languages and edit the each of the languages you use to append the following (IMPORTANT NOTE: do NOT change the .ini files themselves, instead use the override which is in the lower part of the language popup editor):  Click Save at the top of the popup and then the green Joomla save.  Step 4: Now the most important part. Go to Components &gt; Hikashop &gt; Configuration &gt; Display &gt; Views - In the fliter select: Product | &#91;Your site's template&#93; | Front End - In the results look for the &quot;cart.php&quot; and edit it (when you are in the editor page the breadcrumb should be: product / cart.php) - At the top where $tmpl and $module&#95;id are initialized add the following:  so it should look like:  Further down you will encounter the code for when the cart if empty:  Below it I added the following (though I am fairly certain its not needed):  and a couple of lines below change the following:  into:  Even further down where it says:  change it to:  We got a couple of more changes still. One is here:  Where we set the cartimg with the path of the full cart:  Then comes the tricky part cause we need to make a little rearrangement. We go to the part of the code where it has the link that opens the minicart dropdown:  And we move the image tag outside of the span tag in order to be able to have it independent of the span's css:  Then its only a matter of css to make it look beautiful.  I hope someone finds this helpful. Let me know if you have any problems or if the code doesnt work for you (it should, though).")*

Hello,
I have use this guides and i make the cart show the image i want when is full  [ ![cart.JPG](/forum/attachment/43553) ](/forum/attachment/43553 "cart.JPG")

. But when is empty i get only zero  [ ![cart1.JPG](/forum/attachment/43554) ](/forum/attachment/43554 "cart1.JPG")

. Show i wonder why it is not working when the cart is empty. Also i want same guides in order to change the counter position and style.

- [ ![cart.JPG](/forum/attachment/43553) ](/forum/attachment/43553 "cart.JPG") [ ](/forum/attachment/43553?download=1 "cart.JPG")
- [ ![cart1.JPG](/forum/attachment/43554) ](/forum/attachment/43554 "cart1.JPG") [ ](/forum/attachment/43554?download=1 "cart1.JPG")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzg5MjIwMC1ob3ctdG8tYWRkLWNhcnQtaW1hZ2Utd2l0aC1taW5pY2FydD90bXBsPW1hcmtkb3du) or [Create an account](/register) to join the conversation.

- **[jgardounis](/forum/user/36377-jgardounis "View jgardounis's Profile")**
- [![jgardounis's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar36377.jpg)](/forum/user/36377-jgardounis "View jgardounis's Profile") Topic Author
- [ Offline](/forum/user/36377-jgardounis)

Less More

- Posts: 8
- Thank you received: 4
-
-

8 years 6 months ago [\#292196](#292196) by [jgardounis](/forum/user/36377-jgardounis "View jgardounis's Profile")  Replied by *[jgardounis](/forum/user/36377-jgardounis "View jgardounis's Profile")* on topic *[How to add cart image with minicart](/forum/2-general-talk-about-hikashop/892200-how-to-add-cart-image-with-minicart#292196 "Disclaimer: First I would like to say that if the inclusion of parts of code is a problem for the Hikashop creators, I apologize and I will remove it promptly. Just let me know.  Hello everyone,  I would like to help those who might be looking for it and can only find scattered pieces of info around here but not a specific solution to the problem of adding an image to the minicart with a total number of items showing, as in the image  Step 1: In the backend go to Extensions &gt; Modules and search for Cart Display (might be different if you changed the original's name)  Step 2: In the module page make sure you assign it to a position (I chose the &#91;menu&#93;) and in the Hikashop tab select the Minicart &#91;Dropdown cart&#93; option. Depending on what you want to show in the drop down of the minicart select product image, proceed button, product name, delete button, coupon, shipping. Make sure the &quot;Product Quantities&quot; are set to &#91;YES&#93; if you want to show total number of products and not the price and the &quot;Hide if empty&quot; to &#91;Default&#93;.  save and close  Step 3: Time to change the texts for the various cart states. Go to Hikashop &gt; Configuration &gt; Languages and edit the each of the languages you use to append the following (IMPORTANT NOTE: do NOT change the .ini files themselves, instead use the override which is in the lower part of the language popup editor):  Click Save at the top of the popup and then the green Joomla save.  Step 4: Now the most important part. Go to Components &gt; Hikashop &gt; Configuration &gt; Display &gt; Views - In the fliter select: Product | &#91;Your site's template&#93; | Front End - In the results look for the &quot;cart.php&quot; and edit it (when you are in the editor page the breadcrumb should be: product / cart.php) - At the top where $tmpl and $module&#95;id are initialized add the following:  so it should look like:  Further down you will encounter the code for when the cart if empty:  Below it I added the following (though I am fairly certain its not needed):  and a couple of lines below change the following:  into:  Even further down where it says:  change it to:  We got a couple of more changes still. One is here:  Where we set the cartimg with the path of the full cart:  Then comes the tricky part cause we need to make a little rearrangement. We go to the part of the code where it has the link that opens the minicart dropdown:  And we move the image tag outside of the span tag in order to be able to have it independent of the span's css:  Then its only a matter of css to make it look beautiful.  I hope someone finds this helpful. Let me know if you have any problems or if the code doesnt work for you (it should, though).")*

Hi arisdra,
it would seem like the path for the empty cart might not be set. Have you done step 3 in my post?

> Step 3: Time to change the texts for the various cart states. Go to Hikashop &gt; Configuration &gt; Languages and edit the each of the languages you use to append the following (IMPORTANT NOTE: do NOT change the .ini files themselves, instead use the override which is in the lower part of the language popup editor):
>
> CART\_EMPTY="&lt;img src=' [ website.com/path/to/empty-cart/image/empty-cart-image.png](http://website.com/path/to/empty-cart/image/empty-cart-image.png) ' width="40" height="40" /&gt;&lt;br/&gt;%s"
> X\_ITEM\_FOR\_X="&lt;br/&gt;%s"
> X\_ITEMS\_FOR\_X="&lt;br/&gt;%s"
> TOTAL\_IN\_CART\_X="&lt;br/&gt;Total : %s"

The following user(s) said Thank You: [Philip](/forum/user/34318-philip "View Philip's Profile")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzg5MjIwMC1ob3ctdG8tYWRkLWNhcnQtaW1hZ2Utd2l0aC1taW5pY2FydD90bXBsPW1hcmtkb3du) or [Create an account](/register) to join the conversation.

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

Less More

- Posts: 15
- Thank you received: 0
-
-

8 years 6 months ago [\#292199](#292199) by [arisdra](/forum/user/53577-arisdra "View arisdra's Profile")  Replied by *[arisdra](/forum/user/53577-arisdra "View arisdra's Profile")* on topic *[How to add cart image with minicart](/forum/2-general-talk-about-hikashop/892200-how-to-add-cart-image-with-minicart#292199 "Disclaimer: First I would like to say that if the inclusion of parts of code is a problem for the Hikashop creators, I apologize and I will remove it promptly. Just let me know.  Hello everyone,  I would like to help those who might be looking for it and can only find scattered pieces of info around here but not a specific solution to the problem of adding an image to the minicart with a total number of items showing, as in the image  Step 1: In the backend go to Extensions &gt; Modules and search for Cart Display (might be different if you changed the original's name)  Step 2: In the module page make sure you assign it to a position (I chose the &#91;menu&#93;) and in the Hikashop tab select the Minicart &#91;Dropdown cart&#93; option. Depending on what you want to show in the drop down of the minicart select product image, proceed button, product name, delete button, coupon, shipping. Make sure the &quot;Product Quantities&quot; are set to &#91;YES&#93; if you want to show total number of products and not the price and the &quot;Hide if empty&quot; to &#91;Default&#93;.  save and close  Step 3: Time to change the texts for the various cart states. Go to Hikashop &gt; Configuration &gt; Languages and edit the each of the languages you use to append the following (IMPORTANT NOTE: do NOT change the .ini files themselves, instead use the override which is in the lower part of the language popup editor):  Click Save at the top of the popup and then the green Joomla save.  Step 4: Now the most important part. Go to Components &gt; Hikashop &gt; Configuration &gt; Display &gt; Views - In the fliter select: Product | &#91;Your site's template&#93; | Front End - In the results look for the &quot;cart.php&quot; and edit it (when you are in the editor page the breadcrumb should be: product / cart.php) - At the top where $tmpl and $module&#95;id are initialized add the following:  so it should look like:  Further down you will encounter the code for when the cart if empty:  Below it I added the following (though I am fairly certain its not needed):  and a couple of lines below change the following:  into:  Even further down where it says:  change it to:  We got a couple of more changes still. One is here:  Where we set the cartimg with the path of the full cart:  Then comes the tricky part cause we need to make a little rearrangement. We go to the part of the code where it has the link that opens the minicart dropdown:  And we move the image tag outside of the span tag in order to be able to have it independent of the span's css:  Then its only a matter of css to make it look beautiful.  I hope someone finds this helpful. Let me know if you have any problems or if the code doesnt work for you (it should, though).")*

Hello jgardounis,
i have make all the steps as you say. I have copy and paste the step 3 in the override i have change the image path, i have diferent image for empty and full cart but when is empty i take only zero.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzg5MjIwMC1ob3ctdG8tYWRkLWNhcnQtaW1hZ2Utd2l0aC1taW5pY2FydD90bXBsPW1hcmtkb3du) or [Create an account](/register) 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 5 months ago -  8 years 5 months ago [\#292364](#292364) by [Philip](/forum/user/34318-philip "View Philip's Profile")  Replied by *[Philip](/forum/user/34318-philip "View Philip's Profile")* on topic *[How to add cart image with minicart](/forum/2-general-talk-about-hikashop/892200-how-to-add-cart-image-with-minicart#292364 "Disclaimer: First I would like to say that if the inclusion of parts of code is a problem for the Hikashop creators, I apologize and I will remove it promptly. Just let me know.  Hello everyone,  I would like to help those who might be looking for it and can only find scattered pieces of info around here but not a specific solution to the problem of adding an image to the minicart with a total number of items showing, as in the image  Step 1: In the backend go to Extensions &gt; Modules and search for Cart Display (might be different if you changed the original's name)  Step 2: In the module page make sure you assign it to a position (I chose the &#91;menu&#93;) and in the Hikashop tab select the Minicart &#91;Dropdown cart&#93; option. Depending on what you want to show in the drop down of the minicart select product image, proceed button, product name, delete button, coupon, shipping. Make sure the &quot;Product Quantities&quot; are set to &#91;YES&#93; if you want to show total number of products and not the price and the &quot;Hide if empty&quot; to &#91;Default&#93;.  save and close  Step 3: Time to change the texts for the various cart states. Go to Hikashop &gt; Configuration &gt; Languages and edit the each of the languages you use to append the following (IMPORTANT NOTE: do NOT change the .ini files themselves, instead use the override which is in the lower part of the language popup editor):  Click Save at the top of the popup and then the green Joomla save.  Step 4: Now the most important part. Go to Components &gt; Hikashop &gt; Configuration &gt; Display &gt; Views - In the fliter select: Product | &#91;Your site's template&#93; | Front End - In the results look for the &quot;cart.php&quot; and edit it (when you are in the editor page the breadcrumb should be: product / cart.php) - At the top where $tmpl and $module&#95;id are initialized add the following:  so it should look like:  Further down you will encounter the code for when the cart if empty:  Below it I added the following (though I am fairly certain its not needed):  and a couple of lines below change the following:  into:  Even further down where it says:  change it to:  We got a couple of more changes still. One is here:  Where we set the cartimg with the path of the full cart:  Then comes the tricky part cause we need to make a little rearrangement. We go to the part of the code where it has the link that opens the minicart dropdown:  And we move the image tag outside of the span tag in order to be able to have it independent of the span's css:  Then its only a matter of css to make it look beautiful.  I hope someone finds this helpful. Let me know if you have any problems or if the code doesnt work for you (it should, though).")*

Hello,

Can you provide an **Url link** in order to see by ourself your result, so far it's hard to see what can be the root issue.
Awaiting news from you.

Regards

Last edit: 8 years 5 months ago by [Philip](/forum/user/34318-philip "View Philip's Profile").

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzg5MjIwMC1ob3ctdG8tYWRkLWNhcnQtaW1hZ2Utd2l0aC1taW5pY2FydD90bXBsPW1hcmtkb3du) or [Create an account](/register) to join the conversation.

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

Less More

- Posts: 15
- Thank you received: 0
-
-

8 years 5 months ago [\#292383](#292383) by [arisdra](/forum/user/53577-arisdra "View arisdra's Profile")  Replied by *[arisdra](/forum/user/53577-arisdra "View arisdra's Profile")* on topic *[How to add cart image with minicart](/forum/2-general-talk-about-hikashop/892200-how-to-add-cart-image-with-minicart#292383 "Disclaimer: First I would like to say that if the inclusion of parts of code is a problem for the Hikashop creators, I apologize and I will remove it promptly. Just let me know.  Hello everyone,  I would like to help those who might be looking for it and can only find scattered pieces of info around here but not a specific solution to the problem of adding an image to the minicart with a total number of items showing, as in the image  Step 1: In the backend go to Extensions &gt; Modules and search for Cart Display (might be different if you changed the original's name)  Step 2: In the module page make sure you assign it to a position (I chose the &#91;menu&#93;) and in the Hikashop tab select the Minicart &#91;Dropdown cart&#93; option. Depending on what you want to show in the drop down of the minicart select product image, proceed button, product name, delete button, coupon, shipping. Make sure the &quot;Product Quantities&quot; are set to &#91;YES&#93; if you want to show total number of products and not the price and the &quot;Hide if empty&quot; to &#91;Default&#93;.  save and close  Step 3: Time to change the texts for the various cart states. Go to Hikashop &gt; Configuration &gt; Languages and edit the each of the languages you use to append the following (IMPORTANT NOTE: do NOT change the .ini files themselves, instead use the override which is in the lower part of the language popup editor):  Click Save at the top of the popup and then the green Joomla save.  Step 4: Now the most important part. Go to Components &gt; Hikashop &gt; Configuration &gt; Display &gt; Views - In the fliter select: Product | &#91;Your site's template&#93; | Front End - In the results look for the &quot;cart.php&quot; and edit it (when you are in the editor page the breadcrumb should be: product / cart.php) - At the top where $tmpl and $module&#95;id are initialized add the following:  so it should look like:  Further down you will encounter the code for when the cart if empty:  Below it I added the following (though I am fairly certain its not needed):  and a couple of lines below change the following:  into:  Even further down where it says:  change it to:  We got a couple of more changes still. One is here:  Where we set the cartimg with the path of the full cart:  Then comes the tricky part cause we need to make a little rearrangement. We go to the part of the code where it has the link that opens the minicart dropdown:  And we move the image tag outside of the span tag in order to be able to have it independent of the span's css:  Then its only a matter of css to make it look beautiful.  I hope someone finds this helpful. Let me know if you have any problems or if the code doesnt work for you (it should, though).")*

Hello,
Here is the url in order to see what i say before:[ Looukou](https://looukou-loukou.gr/loukou-gliko)

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzg5MjIwMC1ob3ctdG8tYWRkLWNhcnQtaW1hZ2Utd2l0aC1taW5pY2FydD90bXBsPW1hcmtkb3du) or [Create an account](/register) 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
-
-
-

8 years 5 months ago [\#292393](#292393) 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 *[How to add cart image with minicart](/forum/2-general-talk-about-hikashop/892200-how-to-add-cart-image-with-minicart#292393 "Disclaimer: First I would like to say that if the inclusion of parts of code is a problem for the Hikashop creators, I apologize and I will remove it promptly. Just let me know.  Hello everyone,  I would like to help those who might be looking for it and can only find scattered pieces of info around here but not a specific solution to the problem of adding an image to the minicart with a total number of items showing, as in the image  Step 1: In the backend go to Extensions &gt; Modules and search for Cart Display (might be different if you changed the original's name)  Step 2: In the module page make sure you assign it to a position (I chose the &#91;menu&#93;) and in the Hikashop tab select the Minicart &#91;Dropdown cart&#93; option. Depending on what you want to show in the drop down of the minicart select product image, proceed button, product name, delete button, coupon, shipping. Make sure the &quot;Product Quantities&quot; are set to &#91;YES&#93; if you want to show total number of products and not the price and the &quot;Hide if empty&quot; to &#91;Default&#93;.  save and close  Step 3: Time to change the texts for the various cart states. Go to Hikashop &gt; Configuration &gt; Languages and edit the each of the languages you use to append the following (IMPORTANT NOTE: do NOT change the .ini files themselves, instead use the override which is in the lower part of the language popup editor):  Click Save at the top of the popup and then the green Joomla save.  Step 4: Now the most important part. Go to Components &gt; Hikashop &gt; Configuration &gt; Display &gt; Views - In the fliter select: Product | &#91;Your site's template&#93; | Front End - In the results look for the &quot;cart.php&quot; and edit it (when you are in the editor page the breadcrumb should be: product / cart.php) - At the top where $tmpl and $module&#95;id are initialized add the following:  so it should look like:  Further down you will encounter the code for when the cart if empty:  Below it I added the following (though I am fairly certain its not needed):  and a couple of lines below change the following:  into:  Even further down where it says:  change it to:  We got a couple of more changes still. One is here:  Where we set the cartimg with the path of the full cart:  Then comes the tricky part cause we need to make a little rearrangement. We go to the part of the code where it has the link that opens the minicart dropdown:  And we move the image tag outside of the span tag in order to be able to have it independent of the span's css:  Then its only a matter of css to make it look beautiful.  I hope someone finds this helpful. Let me know if you have any problems or if the code doesnt work for you (it should, though).")*

Hello,

That's weird, you shouldn't have that issue if you have properly added this line through your language file :

> CART\_EMPTY="&lt;img src=' [ website.com/path/to/empty-cart/image/empty-cart-image.png](http://website.com/path/to/empty-cart/image/empty-cart-image.png) ' width="40" height="40" /&gt;&lt;br/&gt;%s"

Can you show us a screenshot of where you have added that line ?

Thank you.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzg5MjIwMC1ob3ctdG8tYWRkLWNhcnQtaW1hZ2Utd2l0aC1taW5pY2FydD90bXBsPW1hcmtkb3du) or [Create an account](/register) to join the conversation.

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

Less More

- Posts: 15
- Thank you received: 0
-
-

8 years 5 months ago [\#292429](#292429) by [arisdra](/forum/user/53577-arisdra "View arisdra's Profile")  Replied by *[arisdra](/forum/user/53577-arisdra "View arisdra's Profile")* on topic *[How to add cart image with minicart](/forum/2-general-talk-about-hikashop/892200-how-to-add-cart-image-with-minicart#292429 "Disclaimer: First I would like to say that if the inclusion of parts of code is a problem for the Hikashop creators, I apologize and I will remove it promptly. Just let me know.  Hello everyone,  I would like to help those who might be looking for it and can only find scattered pieces of info around here but not a specific solution to the problem of adding an image to the minicart with a total number of items showing, as in the image  Step 1: In the backend go to Extensions &gt; Modules and search for Cart Display (might be different if you changed the original's name)  Step 2: In the module page make sure you assign it to a position (I chose the &#91;menu&#93;) and in the Hikashop tab select the Minicart &#91;Dropdown cart&#93; option. Depending on what you want to show in the drop down of the minicart select product image, proceed button, product name, delete button, coupon, shipping. Make sure the &quot;Product Quantities&quot; are set to &#91;YES&#93; if you want to show total number of products and not the price and the &quot;Hide if empty&quot; to &#91;Default&#93;.  save and close  Step 3: Time to change the texts for the various cart states. Go to Hikashop &gt; Configuration &gt; Languages and edit the each of the languages you use to append the following (IMPORTANT NOTE: do NOT change the .ini files themselves, instead use the override which is in the lower part of the language popup editor):  Click Save at the top of the popup and then the green Joomla save.  Step 4: Now the most important part. Go to Components &gt; Hikashop &gt; Configuration &gt; Display &gt; Views - In the fliter select: Product | &#91;Your site's template&#93; | Front End - In the results look for the &quot;cart.php&quot; and edit it (when you are in the editor page the breadcrumb should be: product / cart.php) - At the top where $tmpl and $module&#95;id are initialized add the following:  so it should look like:  Further down you will encounter the code for when the cart if empty:  Below it I added the following (though I am fairly certain its not needed):  and a couple of lines below change the following:  into:  Even further down where it says:  change it to:  We got a couple of more changes still. One is here:  Where we set the cartimg with the path of the full cart:  Then comes the tricky part cause we need to make a little rearrangement. We go to the part of the code where it has the link that opens the minicart dropdown:  And we move the image tag outside of the span tag in order to be able to have it independent of the span's css:  Then its only a matter of css to make it look beautiful.  I hope someone finds this helpful. Let me know if you have any problems or if the code doesnt work for you (it should, though).")*

Hello,
i have attache the photo. I believe i have put in the right way. I have also try anther compassion and still not working when the cart is empty.

- [ ![Capture3.JPG](/forum/attachment/43622) ](/forum/attachment/43622 "Capture3.JPG") [ ](/forum/attachment/43622?download=1 "Capture3.JPG")
- [ ![Capture5.JPG](/forum/attachment/43623) ](/forum/attachment/43623 "Capture5.JPG") [ ](/forum/attachment/43623?download=1 "Capture5.JPG")
- [ ![Capture4.JPG](/forum/attachment/43624) ](/forum/attachment/43624 "Capture4.JPG") [ ](/forum/attachment/43624?download=1 "Capture4.JPG")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzg5MjIwMC1ob3ctdG8tYWRkLWNhcnQtaW1hZ2Utd2l0aC1taW5pY2FydD90bXBsPW1hcmtkb3du) or [Create an account](/register) to join the conversation.

- **[Jerome](/forum/user/80-jerome "View Jerome's Profile")**
- [![Jerome's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar80.png)](/forum/user/80-jerome "View Jerome's Profile")
- [ Offline](/forum/user/80-jerome)
- HikaShop core developer

Less More

- Posts: 26394
- Thank you received: 4078
-
- [](http://obsi.dev)
-

8 years 5 months ago [\#292436](#292436) by [Jerome](/forum/user/80-jerome "View Jerome's Profile")  Replied by *[Jerome](/forum/user/80-jerome "View Jerome's Profile")* on topic *[How to add cart image with minicart](/forum/2-general-talk-about-hikashop/892200-how-to-add-cart-image-with-minicart#292436 "Disclaimer: First I would like to say that if the inclusion of parts of code is a problem for the Hikashop creators, I apologize and I will remove it promptly. Just let me know.  Hello everyone,  I would like to help those who might be looking for it and can only find scattered pieces of info around here but not a specific solution to the problem of adding an image to the minicart with a total number of items showing, as in the image  Step 1: In the backend go to Extensions &gt; Modules and search for Cart Display (might be different if you changed the original's name)  Step 2: In the module page make sure you assign it to a position (I chose the &#91;menu&#93;) and in the Hikashop tab select the Minicart &#91;Dropdown cart&#93; option. Depending on what you want to show in the drop down of the minicart select product image, proceed button, product name, delete button, coupon, shipping. Make sure the &quot;Product Quantities&quot; are set to &#91;YES&#93; if you want to show total number of products and not the price and the &quot;Hide if empty&quot; to &#91;Default&#93;.  save and close  Step 3: Time to change the texts for the various cart states. Go to Hikashop &gt; Configuration &gt; Languages and edit the each of the languages you use to append the following (IMPORTANT NOTE: do NOT change the .ini files themselves, instead use the override which is in the lower part of the language popup editor):  Click Save at the top of the popup and then the green Joomla save.  Step 4: Now the most important part. Go to Components &gt; Hikashop &gt; Configuration &gt; Display &gt; Views - In the fliter select: Product | &#91;Your site's template&#93; | Front End - In the results look for the &quot;cart.php&quot; and edit it (when you are in the editor page the breadcrumb should be: product / cart.php) - At the top where $tmpl and $module&#95;id are initialized add the following:  so it should look like:  Further down you will encounter the code for when the cart if empty:  Below it I added the following (though I am fairly certain its not needed):  and a couple of lines below change the following:  into:  Even further down where it says:  change it to:  We got a couple of more changes still. One is here:  Where we set the cartimg with the path of the full cart:  Then comes the tricky part cause we need to make a little rearrangement. We go to the part of the code where it has the link that opens the minicart dropdown:  And we move the image tag outside of the span tag in order to be able to have it independent of the span's css:  Then its only a matter of css to make it look beautiful.  I hope someone finds this helpful. Let me know if you have any problems or if the code doesnt work for you (it should, though).")*

Hello,

1 - You have spaces in the "src".
2 - You are using double quotes for the "height" and "width" when you MUST use single quotes to not break the language override.

CF : [ www.hikashop.com/download/languages.html#modify](https://www.hikashop.com/download/languages.html#modify)

> The translations are enclosed in double quotes. You should keep them while translating and not add double quotes in the string when modifying a translation as that would break the file.

Regards,

---

Jerome - Obsidev.com
HikaMarket &amp; HikaSerial developer / HikaShop core dev team.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzItZ2VuZXJhbC10YWxrLWFib3V0LWhpa2FzaG9wLzg5MjIwMC1ob3ctdG8tYWRkLWNhcnQtaW1hZ2Utd2l0aC1taW5pY2FydD90bXBsPW1hcmtkb3du) or [Create an account](/register) 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.127 seconds

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