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 11-22-2011, 12:47 PM
tbfloral's Avatar
tbfloral is offline
 
Join Date: Aug 2011
Posts: 1
Cool

Relocating the Mini Cart Bag Shopping Link


DESIRED EFFECT
I would like to have the shopping bag link moved to the far top right hand
corner of the product browser page after the sign in link. The link where it is currently is not as effective where it currently is (on the left top corner above Store link.

Would I have to edit information to the CSS Theme or do I need to edit the HTML
code in my HTML Snippet? Your expertise to this solution is much appreciated.


URL: www.tbfloral.com
Website editor : www.moonfruit.com
  #2  
Old 12-01-2011, 10:43 AM
Maya's Avatar
Maya Maya is offline
Ecwid Team
 
Join Date: Feb 2010
Location: Ecwid headquarter
Posts: 5,876
Default

Yes, it is easily possible to change minicart position.

Currently, minicart can be displayed in the Normal view and mini view modes. For each mode of minicart you should apply different styles.

In mini view mode you can place the minicart on the right side of 'Sign In' link using Attached view mode or place it in anyway you needed by adding following code in the end of your custom CSS theme:
Code:
div.ecwid-minicart-mini {
   position: absolute;
   right: 0;
   top: 0;
}
In normal view mode you can position minicart by adding these styles in your code:
Code:
  div.ecwid-minicart  {
   position: absolute;
   right: 0;
   top: 0;  
}
If you need to align shopping cart in the top right corner of certain container you should set the CSS class for it (for example, 'main-container'), place minicart widget inside and addfollowing codes in your custom theme:

For Shoping cart in mini view mode:
Code:
.main-container {
  position: relative;
}
.main-container div.ecwid-minicart-mini {
   position: absolute;
   right: 0;
   top: 0;
}
For Shoping cart in normal view mode:
Code:
.main-container {
  position: relative;
}
.main-container div.ecwid-minicart-mini {
   position: absolute;
   right: 0;
   top: 0;
}
Once you add necessary code in you CSS theme Shopping cart block will be aligned in top right corner of the site or exact container.
__________________
Maya N., Ecwid Team

------------------
Welcome to our new Help Center!
  #3  
Old 03-20-2012, 04:23 AM
HAQUE's Avatar
HAQUE HAQUE is offline
Junior Member
 
Join Date: Mar 2012
Posts: 1
Default

hi maya... i try to do it.. it seems that the shopping bag at store front is still at the same position as before covering the categories tab. i need to move it lower a bit from the categories tab in order to see the wordings.

need your advise..
  #4  
Old 03-20-2012, 11:24 AM
Maya's Avatar
Maya Maya is offline
Ecwid Team
 
Join Date: Feb 2010
Location: Ecwid headquarter
Posts: 5,876
Default

Quote:
Originally Posted by HAQUE View Post
hi maya... i try to do it.. it seems that the shopping bag at store front is still at the same position as before covering the categories tab. i need to move it lower a bit from the categories tab in order to see the wordings.

need your advise..
Could you, please, give me the link to the site, where Ecwid is installed?
__________________
Maya N., Ecwid Team

------------------
Welcome to our new Help Center!
 
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 09:58 PM.
Powered by vBulletin® Version 3.8.11. Copyright ©2000 - 2021, Jelsoft Enterprises Ltd.