Cart icon with quantity

  • Posts: 30
  • Thank you received: 2
2 years 2 months ago #344816

-- HikaShop version -- : 4.6.1
-- Joomla version -- : 4.2.2

I'm just trying to make this cart icon appear with quantity bubble and when clicking it shows the cart, like this:
prnt.sc/LbR1zIvWGB2q

Is this template specific or can any template show it like this with custom css?
I don't see any options in the cart module that allow the icon to be showed with quantity.

This is the closest I get it:
prnt.sc/JOJwGdk84Ge1

Thank you.

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

  • Posts: 82863
  • Thank you received: 13372
  • MODERATOR
2 years 2 months ago #344824

Hi,

In the HikaShop translation file, you have this translations:

X_ITEMS_FOR_X="%s items for %s"
and:
X_ITEM_FOR_X="%s item for %s"
You can do translation overrides ( www.hikashop.com/download/languages.html#modify ) like this:
X_ITEMS_FOR_X="<img src='xxx' class='my_cart_image'/><span class='my_cart_quantity'>%s</span>"
X_ITEM_FOR_X="<img src='xxx' class='my_cart_image'/><span class='my_cart_quantity'>%s</span>"
where xxx is to be replaced by the URL of your cart image.
That way, it will display your image and then the quantity next to it.
And finally, you can use the classes my_cart_image and my_cart_quantity to add CSS to move the quantity on top of the image and add a circle in the background of the quantity.

Some templates do customize the cart module with their own HTML/CSS to display it. But the method above can work with any template. Also, this plugin will do the override and CSS for any template: www.hikashop.com/marketplace/product/135...t-module-design.html But it won't look exactly like your example. So if you want it to look exactly like on your example, you'll still need extra CSS code.

The following user(s) said Thank You: yumasan

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

  • Posts: 30
  • Thank you received: 2
2 years 2 months ago #344849

Thank you very much!
I appreciate your quick reply and support.

-Yuma

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

  • Posts: 30
  • Thank you received: 2
2 years 2 months ago #344864

I have purchased the cart module and installed it but I can't seem to make it look right.
I tried updating the custom CSS in the template manager but it doesn't seem to affect it.
I don't see any additional options with the purchased module/plugin than the module/plugin that came with hikashop.

Can someone assist?
Here's what it looks like:
prnt.sc/e1N-N8yl5OjQ

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

  • Posts: 82863
  • Thank you received: 13372
  • MODERATOR
2 years 2 months ago #344876

Hi,

It seems to be a problem with the CSS of your template.
Could you provide the URL of your shop so that we can look at the situation there ? That way, we should be able to tell you what to do.

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

  • Posts: 30
  • Thank you received: 2
2 years 2 months ago #344899

teufeltalents.com/ is the website but it is offline.
Is there a secure way to send you a login?

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

  • Posts: 4747
  • Thank you received: 644
  • MODERATOR
2 years 2 months ago #344901

Hello,

Yes, you can use our Contact us form to provide these elements :
- Url link to your backend
- Backend user references (with maximum ACL)

Don't forget to add to your message an Url link to this topic in order to keep the link.
Awaiting your elements to progress.
Regards

Last edit: 2 years 2 months ago by Philip.

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

Time to create page: 0.064 seconds
Powered by Kunena Forum