The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.
 
 
Thread Tools Display Modes
  #1  
Old 06-17-2014, 03:30 PM
Cody Atkinson's Avatar
Cody Atkinson is offline
 
Join Date: Mar 2014
Posts: 14
Default

In The Bag / Mini Cart Script


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
  #2  
Old 06-17-2014, 05:26 PM
Liza P's Avatar
Liza P Liza P is offline
Ecwid Team
 
Join Date: Jan 2013
Posts: 2,517
Default

Quote:
Originally Posted by Cody Atkinson View Post
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
__________________
Liza P.
Customer Care
Ecwid Help Portal
  #3  
Old 06-17-2014, 05:47 PM
Cody Atkinson's Avatar
Cody Atkinson Cody Atkinson is offline
 
Join Date: Mar 2014
Posts: 14
Default

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?

Last edited by Cody Atkinson; 06-17-2014 at 05:50 PM.
  #4  
Old 06-18-2014, 12:19 PM
Liza P's Avatar
Liza P Liza P is offline
Ecwid Team
 
Join Date: Jan 2013
Posts: 2,517
Default

Quote:
Originally Posted by Cody Atkinson View Post
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
__________________
Liza P.
Customer Care
Ecwid Help Portal
  #5  
Old 06-18-2014, 03:57 PM
Cody Atkinson's Avatar
Cody Atkinson Cody Atkinson is offline
 
Join Date: Mar 2014
Posts: 14
Default

Hi Liza,

Thank you for your response. That pointed me in the right direction!
  #6  
Old 06-20-2014, 04:16 PM
Cody Atkinson's Avatar
Cody Atkinson Cody Atkinson is offline
 
Join Date: Mar 2014
Posts: 14
Default

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
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
  #7  
Old 06-23-2014, 09:13 AM
Liza P's Avatar
Liza P Liza P is offline
Ecwid Team
 
Join Date: Jan 2013
Posts: 2,517
Default

Quote:
Originally Posted by Cody Atkinson View Post
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
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.
__________________
Liza P.
Customer Care
Ecwid Help Portal
  #8  
Old 06-27-2014, 08:17 PM
Cody Atkinson's Avatar
Cody Atkinson Cody Atkinson is offline
 
Join Date: Mar 2014
Posts: 14
Default

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!

Last edited by Liza; 07-02-2014 at 12:31 PM.
 
The information in this thread might be outdated
If the solution did not help, please, check our Help Portal or contact Ecwid Team.

Thread Tools
Display Modes

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT. The time now is 03:15 PM.
Powered by vBulletin® Version 3.8.11. Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.