Skip to main content

Add shopping cart icon

More
14 years 1 month ago #66867 by SarahW
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 or Create an account to join the conversation.

More
14 years 1 month ago - 14 years 1 month ago #66909 by Mohamed Thelji
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.

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

More
14 years 1 month ago #66935 by SarahW
Replied by SarahW on topic Re: Add shopping cart icon
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 or Create an account to join the conversation.

More
13 years 11 months ago - 13 years 11 months ago #77645 by djundi
Replied by djundi on topic Re: Add shopping cart icon
Hi :) 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.....
Last edit: 13 years 11 months ago by djundi.

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

More
13 years 11 months ago #77653 by Xavier
Replied by Xavier on topic Re: Add shopping cart icon
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, 41global

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

More
13 years 11 months ago #77672 by djundi
Replied by djundi on topic Re: Add shopping cart icon
Now thinks gona betther :) Thanks agin, for greather and faster support :)

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

More
13 years 4 months ago #111464 by Jacoke
Replied by Jacoke on topic Add shopping cart icon
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:

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

More
13 years 4 months ago #111481 by nicolas
Replied by nicolas on topic Add shopping cart icon
Can you give a link to that page so that we can analyze the CSS and HTML of that area ?

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

More
13 years 4 months ago #111534 by Jacoke

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

More
13 years 4 months ago #111540 by nicolas
Replied by nicolas on topic Add shopping cart icon
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, 41global

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

More
13 years 3 months ago #111984 by Jacoke
Replied by Jacoke on topic Add shopping cart icon
Did solve it.

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

More
8 years 4 months ago #293858 by 41global
Replied by 41global on topic Add shopping cart icon
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 or Create an account to join the conversation.

More
8 years 4 months ago - 8 years 4 months ago #293870 by Philip
Replied by Philip on topic Add shopping cart icon
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 in order to have Css references.

Regards
Last edit: 8 years 4 months ago by Philip.

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

Time to create page: 0.104 seconds
Powered by Kunena Forum