Ecwid (Premium) — Cart Counter

Learn more about the Ecwid (Premium) — Cart Counter Adobe Muse widget

Cart Counter shows a dynamic count of the amount of items that are in your cart. It can be placed anywhere on the page and comes with 6 vector cart icons that you can add to your button.This widget is one of the 3 Shopping Cart widgets. If you're looking for information on a different Shopping Cart widget, take a look here.

Buy Now $19.99

Table of contents

  1. How to use
  2. Documentation
    1. Ecwid Info
    2. Styling
  3. Discussion

How to use

When you place this widget onto your page, a Graphic Style labeled, ecwid-shopping-cart will be added to Muse. You can then use that graphic style to turn anything into a shopping cart button. For example, you could create a rectangle and apply the Graphic Style to the rectangle. When you preview the page, you'll see that the rectangle will turn into a link to your shopping cart. Watch the video above for more information.

Ecwid (Premium) — Cart Counter
Ecwid Info
Store ID The Store ID can be found at the bottom left of your Control Panel.
Store URL The Store URL is the URL of the page where the Storefront widget is placed. Watch the video below for more details.
Styling
If you are using this widget inside of a State button, the styling set in this widget will be applied to all text inside the state button. The color of the icon or counter will not change inside Muse; preview the page to see the styling changes.
If you are using this widget outside of a State button, the text color will be set with the Text Tool.
Animation Speed The transition speed between each state (i.e. normal, hover, active).
The following settings only apply to the widget if you are using the widget inside of the State button.
Edit Together Toggle this on to edit the color of any text or icon inside the State button in every state.
Color Adjusts the color of any text or icon inside the State button in every state.
Color (Normal) Adjusts the color of any text or icon inside the State button in the normal state.
Color (Hover) Adjusts the color of any text or icon inside the State button in the hover state.
Color (Active) Adjusts the color of any text or icon inside the State button in the active state.

Discussion