[Cody Atkinson]

Hello,

I was wondering if there is a script for just text for the shopping cart?

I would like it to display like this



Is this possible? Thanks in advance

[Liza P]

Originally Posted by Cody Atkinson

Hello,

I was wondering if there is a script for just text for the shopping cart?

I would like it to display like this



Is this possible? Thanks in advance

Hello,

What you want to achieve is possible with a built-in feature when using Minicart in miniview. Please, refer to this article for details: http://help.ecwid.com/customer/porta...-in-a-minicart

[Cody Atkinson]

Hi Liza,

Thanks for your response. I checked out the article but it's not really showing me what I am looking for.

This is the end goal I want:



What I want is just text like it shows in the image - not the mini view layout with the rounded rectangle set up and with the text showing on two lines.

I did browse forums for a fix but didn't see anything like what I want but I may not be familiar enough with the java code or css for the mini cart to configure it the way I want.

Can you help?

[Liza P]

Originally Posted by Cody Atkinson

Hi Liza,

Thanks for your response. I checked out the article but it's not really showing me what I am looking for.

This is the end goal I want:



What I want is just text like it shows in the image - not the mini view layout with the rounded rectangle set up and with the text showing on two lines.

I did browse forums for a fix but didn't see anything like what I want but I may not be familiar enough with the java code or css for the mini cart to configure it the way I want.

Can you help?

Hello,

Thank you for the details. The thing is, Minicart is an image, so to change its looks you need to change the image itself. This is possible via CSS. Please, refer to this article for instruction on changing your minicart icon:
http://help.ecwid.com/customer/porta...-minicart-icon

Also, I should point out that the regular minicart you are using now allows to display the number of items in the cart, not the subtotal. In case you want to display cart subtotal, you will need to use the minicart in miniview. This miniview is available for editing via CSS as well. You can find the example of the code for changing the minicart in miniview in this forum thread: http://www.ecwid.com/forums/showthread.php?t=19311#5

[Cody Atkinson]

Hi Liza,

Thank you for your response. That pointed me in the right direction!

[Cody Atkinson]

Hello Liza,

This is what I have done so far in regards to the post you referenced me to by Maya. I have got the minicart in miniview close but it's not quite what I want and some of it is lining up weird. Do you think you could help me tweak the code to get what I want?

This is where it currently looks like:


This is what I want:


Here is my current css code

div.ecwid-minicart-mini-rolloverContainer {
 display: block;
}

div.ecwid-minicart-mini-rollover {
  background: #131315;
  border: 0 none;
padding-right: 2px;
padding-left: -200px;
height: 10px;
padding-top: 0px;
padding-bottom: 10px;
}
a.ecwid-minicart-mini-link {
  position: absolute;
  visibility: hidden;
  right: 20px;
  top: 9px;
  color: #C70202;
  font-size: 14px;
  padding-left: 10px;
  text-decoration: none;
 border-left: solid 1px #fff;
}
div.ecwid-minicart-mini-total {
margin-top: -20px;
margin-left: 70px;
border-left: solid 0px #fff;
padding-left: 10px;
text-decoration: underline;
}

div.ecwid-minicart-mini-total span.ecwid-minicart-mini-total-label { 
   display: none;
}

.ecwid-minicart-mini-overlay-count, 
.ecwid-minicart-mini-items, div.ecwid-minicart-mini-total {
font-size: 16px;
color: #C70202;
text-transform: uppercase;
}

div.ecwid-minicart-mini {
visibility: hidden;
}

I am also having a problem once I put the script in the nav bar display I want. Its lining up pretty far down.

Here is what it currently looks like


Ideally it should look like this



Any and all help would be much appreciated!

Thank you

[Liza P]

Originally Posted by Cody Atkinson

Hello Liza,

This is what I have done so far in regards to the post you referenced me to by Maya. I have got the minicart in miniview close but it's not quite what I want and some of it is lining up weird. Do you think you could help me tweak the code to get what I want?

This is where it currently looks like:


This is what I want:


Here is my current css code

div.ecwid-minicart-mini-rolloverContainer {
 display: block;
}

div.ecwid-minicart-mini-rollover {
  background: #131315;
  border: 0 none;
padding-right: 2px;
padding-left: -200px;
height: 10px;
padding-top: 0px;
padding-bottom: 10px;
}
a.ecwid-minicart-mini-link {
  position: absolute;
  visibility: hidden;
  right: 20px;
  top: 9px;
  color: #C70202;
  font-size: 14px;
  padding-left: 10px;
  text-decoration: none;
 border-left: solid 1px #fff;
}
div.ecwid-minicart-mini-total {
margin-top: -20px;
margin-left: 70px;
border-left: solid 0px #fff;
padding-left: 10px;
text-decoration: underline;
}

div.ecwid-minicart-mini-total span.ecwid-minicart-mini-total-label { 
   display: none;
}

.ecwid-minicart-mini-overlay-count, 
.ecwid-minicart-mini-items, div.ecwid-minicart-mini-total {
font-size: 16px;
color: #C70202;
text-transform: uppercase;
}

div.ecwid-minicart-mini {
visibility: hidden;
}

I am also having a problem once I put the script in the nav bar display I want. Its lining up pretty far down.

Here is what it currently looks like


Ideally it should look like this



Any and all help would be much appreciated!

Thank you

Hello,

Please, post the URL of the page where I can see this.

Thank you in advance.

[Cody Atkinson]

Hi Liza,

Yes here is the url to the store http://goo.gl/BeMt6l

I just wanted to see if there was any progress being made on the CSS question? We are looking into launching our website at the beginning of next week and wanted to see if this is something that can be worked through or i have to use a different style for the minicart?

Thank you!