Styling floating shopping cart widget?

Just discovered answer to 2nd question; as below, if nayone’s interested:

body.ecwid-floating-shopping-cart .ecwid-float-icons > div a svg path[stroke] {
stroke: #359bdc;
}
body.ecwid-floating-shopping-cart .ecwid-float-icons > div a svg path[fill] {
fill: #359bdc;
}

Hi Richard,

Thank you for your message! We do apologize for not getting sooner.

can the cart be set to show even when empty

You can force its behaviour using the CSS code below. In your Ecwid Control Panel go to Design – Edit Theme, copy and paste the code into the theme and save the changes.

body.ecwid-floating-shopping-cart .ecwid-float-icons > div.off {
   height: 48px;
   padding-top: 20px; 
}

body.ecwid-floating-shopping-cart .ecwid-float-icons > div.off a {
   transform: translate3D(0, 0, 0);
}

body.ecwid-floating-shopping-cart .ecwid-float-icons > div.off a svg {
   transform: rotate(0deg);
}

body.ecwid-floating-shopping-cart .ecwid-float-icons > div.ecwid-cart-icon.off a::after {
   opacity: 1;
}

can the total value be added somehow to the floating shopping cart, e.g. on rollover or otherwise?

You may consider adding the cart in the mini view mode instead that will display the total on hover (although with this type of cart, the drag-and-drop option won’t be available). More information about the mini view mode can be found in our guide: https://support.ecwid.com/hc/en-us/articles/207359999-Minicart#Miniview

Hope it helps. Let us know if any questions arise.

Thanks for the great support – that’s worked perfectly!

Best regards,
Richard

Thanks Rich… I was struggling with the floater icon as it doesn’t seem to work with ecwid’s color adaptive mode. (DUH…Ecwid please fix this!!)

I used this modification to make the bag icon solid and circular outline blue #00abeb.

body.ecwid-floating-shopping-cart .ecwid-float-icons > div a svg path {
fill: #00abeb;
stroke: #00abeb;
}
div.ecwid-cart-icon a {
border: 2px solid #00abeb;
}

Hope this helps anyone.

Hi @albriro,

> I was struggling with the floater icon as it doesn’t seem to work with ecwid’s color adaptive mode. (DUH…Ecwid please fix this!!)

We’re working on the new cart widget that will fix it. Thanks for reporting.

Hey Everyone,

We just released a new floating cart widget. It looks better and provides more customization options. Please update the plugin to the latest version and find the new widget settings under Appearance -> Customize -> Ecwid .

Thanks!

Hi @albriro,

I was struggling with the floater icon as it doesn’t seem to work with ecwid’s color adaptive mode. (DUH…Ecwid please fix this!!)

The new shopping bag widgets now support the color adaptive mode. Please update the plugin to the latest version and let us know if you have any question.

Thanks!