Hi, I was trying to add a cart icon, but I don’t understand why the borders of the icon look like this. Can someone please assist me?
Code:
{%- when ‘cart’ -%}
Hi there,
This code is an SVG and contains a few liquid elements. It’s not recommended to make changes without any technical knowledge, as configuring the Liquid code correctly is essential for it to function properly.
If you need any assistance with this, feel free to let me know!
Could you please assist me?
Can you drop an email?
Can you Please Share your email Id
Hi @lesriches ,
Hi
@lesriches
We have checked your cart icon and understand it happened due to an issue with logo clarity.
We have updated the icon to use the same double-stroke style. Please replace the existing code with this.
Once you place the code it will look like the below image.
So you have to adjust the height of the cart icon with the below style. You can add the same to the stylesheet.
#cart-icon-bubble svg {
height: 23px;
}
We recommend using the standard cart icon with a single-stock style.
I hope this helps! If it does, please like it and mark it as a solution!
If you need further assistance, feel free to reach out!
Regards,
Sweans
Hi Sweans,
Thank you for your response. I used the code you provided, but it didn’t apply the stroke as expected. When I tried to increase the stroke width, it resulted in a double stroke effect. I used a standard cart icon with a single stroke, but it’s displaying as double stroke instead.
Icon code:
Hi @lesriches ,
Could you please share the store link. So that we can check it and let you know the solution.
Regards,
Sweans
Hi Sweans,
Please find the store link below:
https://lesriches.co.uk/
And also I installed a third-party wishlist app and later uninstalled it, but the icon is still visible. Is it possible to add a wishlist feature without installing any third-party apps? Could please help me with this?
Regards,
Lesriches
Hi @lesriches ,
We have checked your store and can see the double-strock cart icon.
But we have used the same code that you provided recently in our test store, and it is showing as a single-stroke style.
So we believe that some other styles are coming from your theme and conflict with the icon style. It would be great if you could DM us with the store details or invite us as the store admin. So that we can check it in detail and fix the issues ASAP
Regarding the Wishlist feature, you should use any third-party apps for the proper working of the Wishlist feature. Because the wishlist feature will work based on the user account/cookies.
If you need further assistance, feel free to reach out!
Regards,
Sweans
Thanks Sweans,
Could you guide me on how to give admin access, or could you please share your email address?
Also, could you recommend a good third-party app for creating wishlists?
Regards,
Lesriches
Hi @lesriches ,
Regarding the Wishlist feature, you can check the below apps
- Wishlist Hero
- Hulk Advanced Wishlist
- Wishlist Plus
- Wishlist King
Regarding the store admin access, could you please click on our profile and send a direct message. So that we can share the necessary details to access the store.
Regards,
Sweans
Hi @lesriches ,
We have updated the cart icon. Could you please check it and let us know your comments.
I hope this helps! If it does, please like it and mark it as a solution!
If you need further assistance, feel free to reach out!
Regards,
Sweans
1 Like
Hi,
You can inspect the cart icon and increase the SVG icon height.
Then copy the style and paste it into the stylesheet (theme.css) at the very bottom line number: 12202.
To remove the text ‘cart’, you can remove the below line from the (header.liquid)
[
{{ 'header.general.cart' | t }}
]
Now we have commented on the line.
[
{% comment %}
{{ 'header.general.cart' | t }}
{% endcomment %}
]
I hope this helps! If it does, please like it and mark it as a solution!
If you need further assistance, feel free to reach out!
Regards,
Sweans
1 Like
Thank you Sweans!