# How to open an Ecwid “shopping bag” clicking on a button/icon?

**URL:** <https://forums.realmacsoftware.com/t/how-to-open-an-ecwid-shopping-bag-clicking-on-a-button-icon/38662>\
**Category:** RapidWeaver Classic\
**Created:** [April 9, 2021, 5:54pm UTC](https://forums.realmacsoftware.com/t/how-to-open-an-ecwid-shopping-bag-clicking-on-a-button-icon/38662 "2021-04-09T17:54:43Z")\
**Posts on this page:** 16\
**Page:** 1

<div class="post-metadata">

**Author:** ![Providia](https://avatars.discourse-cdn.com/v4/letter/p/858c86/32.png) [@Providia](https://forums.realmacsoftware.com/u/Providia)\
**Post date:** [April 9, 2021, 5:54pm UTC](https://forums.realmacsoftware.com/t/how-to-open-an-ecwid-shopping-bag-clicking-on-a-button-icon/38662/1 "2021-04-09T17:54:43Z")

</div>

Hi everybody,

I hope you’re all doing well!

Is there a way to open an Ecwid “shopping bag” clicking on a button/icon stack, please?

Indeed, by default, Ecwid shopping cart icon only appears when an item has been added to the cart, and at the bottom right corner of the page.

But some customers have let me know that they were confused while searching for the shopping cart icon but not finding it on the NavBar [www.lafinebouchee.com](https://www.lafinebouchee.com)

Therefore, I’d like to add a cart icon, within the NavBar. But what is stopping me is that I don’t know how to open the content of Ecwid shopping cart when a visitor clicks on the cart icon, as it is not a link, but this bit of code :

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

```

Thank you in advance!

Kind regards,

Yann

---

<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:** [April 9, 2021, 7:13pm UTC](https://forums.realmacsoftware.com/t/how-to-open-an-ecwid-shopping-bag-clicking-on-a-button-icon/38662/2 "2021-04-09T19:13:05Z")

</div>

Adam (@Elixir) might have a better way.  
Most people due look for the shopping cart on the top right side of the page.

Since I don’t think Foundry Navbar allows any outside stacks to be inserted, I’d probably look to putting the Navbar into a two column stack. I’d put the shopping cart code from ECWID into an HTML stack and place it in the right column. Put the Navbar into the left column. Maybe set the columns to be 10 on the left and two on the right.  
 ![2021-04-09_12-11-57](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/f/b/fba565738cbf6555297f71b33ef801bdf30b650a.png)

 ![2021-04-09_12-12-17](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/5/7/5727065c255aeaa8ef311e41093ff1c0bef7b095.png)

---

<div class="post-metadata">

**Author:** ![Elixir](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/elixir/32/25498_2.png) [@Elixir](https://forums.realmacsoftware.com/u/Elixir)\
**Post date:** [April 9, 2021, 7:17pm UTC](https://forums.realmacsoftware.com/t/how-to-open-an-ecwid-shopping-bag-clicking-on-a-button-icon/38662/3 "2021-04-09T19:17:20Z")

</div>

> [@Providia](#):
>
> ```auto
> <script data-cfasync="false" type="text/javascript" src="https://app.ecwid.com/script.js?19018547&data_platform=code&data_date=2021-04-07" charset="utf-8"></script>
> <script type="text/javascript">Ecwid.init();</script>
> 
> ```

I think this one is for @RicardoR actually. I don’t think it is possible, but I’ve never used ECWID.

---

<div class="post-metadata">

**Author:** ![RicardoR](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ricardor/32/15979_2.png) [@RicardoR](https://forums.realmacsoftware.com/u/RicardoR)\
**Post date:** [April 9, 2021, 10:23pm UTC](https://forums.realmacsoftware.com/t/how-to-open-an-ecwid-shopping-bag-clicking-on-a-button-icon/38662/4 "2021-04-09T22:23:45Z")

</div>

Hi @Providia,

Just add another icon to your navbar and set the link to the following: `./#!/~/cart`

Also make sure that every page contains the Ecwid initialization script.

Cheers,

Ricardo

 ![Screen Shot 2021-04-09 at 6.24.18 PM](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/6/a/6a39330d1c2e3c5ce5f2d937fd91b3ecf9879402.png)

---

<div class="post-metadata">

**Author:** ![Providia](https://avatars.discourse-cdn.com/v4/letter/p/858c86/32.png) [@Providia](https://forums.realmacsoftware.com/u/Providia)\
**Post date:** [April 10, 2021, 5:05pm UTC](https://forums.realmacsoftware.com/t/how-to-open-an-ecwid-shopping-bag-clicking-on-a-button-icon/38662/5 "2021-04-10T17:05:02Z")

</div>

> [@RicardoR](#):
>
> ./#!/~/cart

Hi @RicardoR,

Thank you so much for your swift response!

This solved my issue 👍🏻

Cheers,

Yann

---

<div class="post-metadata">

**Author:** ![Providia](https://avatars.discourse-cdn.com/v4/letter/p/858c86/32.png) [@Providia](https://forums.realmacsoftware.com/u/Providia)\
**Post date:** [April 12, 2021, 2:17pm UTC](https://forums.realmacsoftware.com/t/how-to-open-an-ecwid-shopping-bag-clicking-on-a-button-icon/38662/6 "2021-04-12T14:17:52Z")

</div>

Hi @RicardoR,

I hope you’re doing well!

I have one last question for you, if you don’t mind.

Now that I’m using my own shopping cart icon, do you know how I can prevent Ecwid’s own basket icon to appear when a customer adds an item to its cart, please?

With many thanks in advance.

Kind regards,

Yann

---

<div class="post-metadata">

**Author:** ![RicardoR](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ricardor/32/15979_2.png) [@RicardoR](https://forums.realmacsoftware.com/u/RicardoR)\
**Post date:** [April 13, 2021, 12:04pm UTC](https://forums.realmacsoftware.com/t/how-to-open-an-ecwid-shopping-bag-clicking-on-a-button-icon/38662/7 "2021-04-13T12:04:20Z")

</div>

Hi @Providia,

Just remove the shopping cart widget from the page.

---

<div class="post-metadata">

**Author:** ![Providia](https://avatars.discourse-cdn.com/v4/letter/p/858c86/32.png) [@Providia](https://forums.realmacsoftware.com/u/Providia)\
**Post date:** [April 13, 2021, 12:17pm UTC](https://forums.realmacsoftware.com/t/how-to-open-an-ecwid-shopping-bag-clicking-on-a-button-icon/38662/8 "2021-04-13T12:17:17Z")

</div>

Hi @RicardoR,

Thank you for your answer.

I’m not using the shopping cart widget in the page, only the “Buy Now” button widget on every product.

Kind regards,

Yann

---

<div class="post-metadata">

**Author:** ![RicardoR](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ricardor/32/15979_2.png) [@RicardoR](https://forums.realmacsoftware.com/u/RicardoR)\
**Post date:** [April 13, 2021, 12:34pm UTC](https://forums.realmacsoftware.com/t/how-to-open-an-ecwid-shopping-bag-clicking-on-a-button-icon/38662/9 "2021-04-13T12:34:42Z")

</div>

How are you initializing Ecwid and connecting to your store?

---

<div class="post-metadata">

**Author:** ![Providia](https://avatars.discourse-cdn.com/v4/letter/p/858c86/32.png) [@Providia](https://forums.realmacsoftware.com/u/Providia)\
**Post date:** [April 13, 2021, 2:38pm UTC](https://forums.realmacsoftware.com/t/how-to-open-an-ecwid-shopping-bag-clicking-on-a-button-icon/38662/10 "2021-04-13T14:38:15Z")

</div>

Hi @RicardoR,

I’m not using Ecwid to display my products, they’re all built using Foundry stacks.

The only Ecwid widget I use is the “Buy Now” button (seen on this page: [www.lafinebouchee.com](https://www.lafinebouchee.com))

I guess that the website is connected to the store through the “Buy Now” button script:

`<div class="ecsp ecsp-SingleProduct-v2 ecsp-Product ec-Product-327749844" itemtype="http://schema.org/Product" data-single-product-id="327749844"><div class="ecsp-title" itemprop="name" style="display:none;" content="Mousse de bleu aux noix sur feuille de betterave"></div><div customprop="addtobag"></div></div><script data-cfasync="false" type="text/javascript" src="https://app.ecwid.com/script.js?19018547&data_platform=singleproduct_v2" charset="utf-8"></script><script type="text/javascript">xProduct()</script>`

Kind regards,

Yann

---

<div class="post-metadata">

**Author:** ![RicardoR](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ricardor/32/15979_2.png) [@RicardoR](https://forums.realmacsoftware.com/u/RicardoR)\
**Post date:** [April 13, 2021, 3:04pm UTC](https://forums.realmacsoftware.com/t/how-to-open-an-ecwid-shopping-bag-clicking-on-a-button-icon/38662/11 "2021-04-13T15:04:44Z")

</div>

Are you by any chance using the Ecwid Plug in?

---

<div class="post-metadata">

**Author:** ![Providia](https://avatars.discourse-cdn.com/v4/letter/p/858c86/32.png) [@Providia](https://forums.realmacsoftware.com/u/Providia)\
**Post date:** [April 13, 2021, 3:27pm UTC](https://forums.realmacsoftware.com/t/how-to-open-an-ecwid-shopping-bag-clicking-on-a-button-icon/38662/12 "2021-04-13T15:27:08Z")

</div>

No, I’m just copy-pasting the “Buy Now” button code from Ecwid dashboard into an html stack.

---

<div class="post-metadata">

**Author:** ![RicardoR](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ricardor/32/15979_2.png) [@RicardoR](https://forums.realmacsoftware.com/u/RicardoR)\
**Post date:** [April 13, 2021, 6:46pm UTC](https://forums.realmacsoftware.com/t/how-to-open-an-ecwid-shopping-bag-clicking-on-a-button-icon/38662/13 "2021-04-13T18:46:54Z")

</div>

Normally that would not trigger the cart to come up at all.

---

<div class="post-metadata">

**Author:** ![RicardoR](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/ricardor/32/15979_2.png) [@RicardoR](https://forums.realmacsoftware.com/u/RicardoR)\
**Post date:** [April 14, 2021, 3:40am UTC](https://forums.realmacsoftware.com/t/how-to-open-an-ecwid-shopping-bag-clicking-on-a-button-icon/38662/14 "2021-04-14T03:40:17Z")

</div>

Hi @Providia,

Just add this CSS, and the bag will not popup anymore:

```
.ec-minicart.ec-minicart--fixed {
	display: none !important;	
}

```

Cheers,

Ricardo

---

<div class="post-metadata">

**Author:** ![Providia](https://avatars.discourse-cdn.com/v4/letter/p/858c86/32.png) [@Providia](https://forums.realmacsoftware.com/u/Providia)\
**Post date:** [April 17, 2021, 12:27pm UTC](https://forums.realmacsoftware.com/t/how-to-open-an-ecwid-shopping-bag-clicking-on-a-button-icon/38662/15 "2021-04-17T12:27:11Z")

</div>

Hi @RicardoR,

Thank you so much much, this CSS indeed blocked the cart to come up 👍🏻

Have a lovely weekend!

Kind regards,

Yann

---

<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:** [May 17, 2021, 10:27pm UTC](https://forums.realmacsoftware.com/t/how-to-open-an-ecwid-shopping-bag-clicking-on-a-button-icon/38662/16 "2021-05-17T22:27:50Z")

</div>

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