# ECWID - cart icon customization

**URL:** <https://forums.realmacsoftware.com/t/ecwid-cart-icon-customization/32962>\
**Category:** RapidWeaver Classic\
**Created:** [May 18, 2020, 10:55am UTC](https://forums.realmacsoftware.com/t/ecwid-cart-icon-customization/32962 "2020-05-18T10:55:20Z")\
**Posts on this page:** 14\
**Page:** 1

<div class="post-metadata">

**Author:** ![Pitti\_Uomo](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/pitti_uomo/32/1689_2.png) [@Pitti\_Uomo](https://forums.realmacsoftware.com/u/Pitti_Uomo)\
**Post date:** [May 18, 2020, 10:55am UTC](https://forums.realmacsoftware.com/t/ecwid-cart-icon-customization/32962/1 "2020-05-18T10:55:20Z")

</div>

Hi,  
I am using Ecwid and it’s nice but I have a problem  
the shopping cart is nearly invisible and I can’t figure out where to paste the additional codes to customize it provided  
in [this page](https://support.ecwid.com/hc/en-us/articles/360000013659-Customizing-Shopping-Bag-icon-style) so I get a lot of abandoned carts (people really don’t see it)  
Anyone succeded in customizing the cart?

thanks

---

<div class="post-metadata">

**Author:** ![teefers](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/teefers/32/8173_2.png) [@teefers](https://forums.realmacsoftware.com/u/teefers)\
**Post date:** [May 18, 2020, 12:32pm UTC](https://forums.realmacsoftware.com/t/ecwid-cart-icon-customization/32962/2 "2020-05-18T12:32:49Z")

</div>

The link you gave above is to the ECWID help area.

Could you give a link to your page that has the cart?

---

<div class="post-metadata">

**Author:** ![Pitti\_Uomo](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/pitti_uomo/32/1689_2.png) [@Pitti\_Uomo](https://forums.realmacsoftware.com/u/Pitti_Uomo)\
**Post date:** [May 18, 2020, 12:35pm UTC](https://forums.realmacsoftware.com/t/ecwid-cart-icon-customization/32962/3 "2020-05-18T12:35:12Z")

</div>

here is the link

> **[controluce](http://www.controlucefirenze.it/)**
>
> negozio di illuminazione e design a Firenze

the problem is the code in the page Ecwid i linked, I can’t figure out where to paste it

---

<div class="post-metadata">

**Author:** ![teefers](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/teefers/32/8173_2.png) [@teefers](https://forums.realmacsoftware.com/u/teefers)\
**Post date:** [May 18, 2020, 5:24pm UTC](https://forums.realmacsoftware.com/t/ecwid-cart-icon-customization/32962/4 "2020-05-18T17:24:37Z")

</div>

The help page you are looking for is for the `ec-cart-widget`. I’m not experienced with ECWID but I think that “widget” is for placing a separate cart on the header of the page.

It looks like you have an HTML stack that you put a `my-store-` widget in. The cart is at the bottom of that widget. But it’s a different cart than the stand-alone one is.

I think you should consider putting that separate cart widget on the page. Website best practices say that most folks look for the shopping art up in the header (top left). I don’t know if the theme you are using has any way of adding extra content to the header.

If you go to [this page on the ECWID site](https://support.ecwid.com/hc/en-us/articles/207359999), and scroll down to the instructions for _Adding a shopping bag to a custom-built website_. Grab that widget and place it near the top of the page.

---

<div class="post-metadata">

**Author:** ![Pitti\_Uomo](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/pitti_uomo/32/1689_2.png) [@Pitti\_Uomo](https://forums.realmacsoftware.com/u/Pitti_Uomo)\
**Post date:** [May 18, 2020, 5:29pm UTC](https://forums.realmacsoftware.com/t/ecwid-cart-icon-customization/32962/5 "2020-05-18T17:29:23Z")

</div>

thanks  
I’m doing the website from scratch as I am switching to Foundry  
The problem with the separate shopping bag is that it is still almost invisible and I can’t follow the procedures to make it look like this (as explained in the Ecwid help page) ![shopping-bag-big-icon-details-subtotal](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/b/a/ba7ad06fea3d5b4021df3023cabb24f1bd0cc2eb.png)

---

<div class="post-metadata">

**Author:** ![teefers](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/teefers/32/8173_2.png) [@teefers](https://forums.realmacsoftware.com/u/teefers)\
**Post date:** [May 18, 2020, 5:52pm UTC](https://forums.realmacsoftware.com/t/ecwid-cart-icon-customization/32962/6 "2020-05-18T17:52:24Z")

</div>

If you have a page with a separate shopping bag on it, we can probably help you make it more visible with some CSS.

---

<div class="post-metadata">

**Author:** ![Pitti\_Uomo](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/pitti_uomo/32/1689_2.png) [@Pitti\_Uomo](https://forums.realmacsoftware.com/u/Pitti_Uomo)\
**Post date:** [May 18, 2020, 6:07pm UTC](https://forums.realmacsoftware.com/t/ecwid-cart-icon-customization/32962/7 "2020-05-18T18:07:54Z")

</div>

thanks  
so this is the separate shoping bag

```
<div class="ec-cart-widget"></div>
<div>
<script data-cfasync="false" type="text/javascript" src="https://app.ecwid.com/script.js?28334007&data_platform=code&data_date=2020-05-18" charset="utf-8"></script>
<script type="text/javascript">Ecwid.init();</script>
</div>

```

and this is what I am supposed to “add” to it.  
I don’t know what it means

```
<div data-layout="BIG_ICON_DETAILS_SUBTOTAL" class="ec-cart-widget"></div>
<div><script data-cfasync="false" type="text/javascript"
src="https://app.ecwid.com/script.js?STORE_ID&data_platform=code" 
charset="utf-8"></script><script>Ecwid.init();</script></div>
```

---

<div class="post-metadata">

**Author:** ![swilliam](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/swilliam/32/14799_2.png) [@swilliam](https://forums.realmacsoftware.com/u/swilliam)\
**Post date:** [May 18, 2020, 6:12pm UTC](https://forums.realmacsoftware.com/t/ecwid-cart-icon-customization/32962/8 "2020-05-18T18:12:59Z")

</div>

if it’s a stacks page, add an html stack and paste it inside that.

---

<div class="post-metadata">

**Author:** ![Pitti\_Uomo](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/pitti_uomo/32/1689_2.png) [@Pitti\_Uomo](https://forums.realmacsoftware.com/u/Pitti_Uomo)\
**Post date:** [May 18, 2020, 6:15pm UTC](https://forums.realmacsoftware.com/t/ecwid-cart-icon-customization/32962/9 "2020-05-18T18:15:00Z")

</div>

yes I used an html frame.  
the first code works but when I add the second part it doesnt change anything, it just pops another shopping bag

---

<div class="post-metadata">

**Author:** ![teefers](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/teefers/32/8173_2.png) [@teefers](https://forums.realmacsoftware.com/u/teefers)\
**Post date:** [May 18, 2020, 6:15pm UTC](https://forums.realmacsoftware.com/t/ecwid-cart-icon-customization/32962/10 "2020-05-18T18:15:44Z")

</div>

Here is the code with your store stuff in the lBig-icon version:

```auto
<div data-layout="BIG_ICON_DETAILS_SUBTOTAL" class="ec-cart-widget"></div>
<div>
    <script data-cfasync="false" type="text/javascript"
    src="https://app.ecwid.com/script.js?28334007&data_platform=code&data_date=2020-05-18" charset="utf-8"></script>
    <script>
        Ecwid.init();
    </script>
</div>

```

---

<div class="post-metadata">

**Author:** ![Pitti\_Uomo](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/pitti_uomo/32/1689_2.png) [@Pitti\_Uomo](https://forums.realmacsoftware.com/u/Pitti_Uomo)\
**Post date:** [May 18, 2020, 6:18pm UTC](https://forums.realmacsoftware.com/t/ecwid-cart-icon-customization/32962/11 "2020-05-18T18:18:53Z")

</div>

wow thanks.  
there is no way I could have figured this out following Ecwid explanation.

---

<div class="post-metadata">

**Author:** ![makfruit](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/makfruit/32/9367_2.png) [@makfruit](https://forums.realmacsoftware.com/u/makfruit)\
**Post date:** [May 20, 2020, 8:24am UTC](https://forums.realmacsoftware.com/t/ecwid-cart-icon-customization/32962/12 "2020-05-20T08:24:02Z")

</div>

By the way, if you have just one product and don’t expect a customer to “shop around”, it may make sense to send a customer to the shopping cart page right after they click “Buy”. You can do it by enabling the “Open bag when “Add to bag” is clicked” option in the Ecwid Control Panel. Screenshot: [https://d.pr/free/i/igb1Mz](https://d.pr/free/i/igb1Mz) .

---

<div class="post-metadata">

**Author:** ![Pitti\_Uomo](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/pitti_uomo/32/1689_2.png) [@Pitti\_Uomo](https://forums.realmacsoftware.com/u/Pitti_Uomo)\
**Post date:** [May 20, 2020, 9:30am UTC](https://forums.realmacsoftware.com/t/ecwid-cart-icon-customization/32962/13 "2020-05-20T09:30:53Z")

</div>

that’s a useful option and it makes sense, thanks

---

<div class="post-metadata">

**Author:** ![system](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/system/32/25301_2.png) [@system](https://forums.realmacsoftware.com/u/system)\
**Post date:** [June 19, 2020, 7:30pm UTC](https://forums.realmacsoftware.com/t/ecwid-cart-icon-customization/32962/14 "2020-06-19T19:30:55Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.