Follow us on Twitter X-Cart on Facebook Wiki
Shopping cart software Solutions for online shops and malls
 

Ajax Minicart and CSS

 
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design
 
Thread Tools Search this Thread
  #1  
Old 11-10-2011, 12:42 AM
 
jhug jhug is offline
 

Advanced Member
  
Join Date: Nov 2004
Posts: 31
 

Default Ajax Minicart and CSS

I'm modifying the templates in 4.4.4. I moved the minicart to a container on the right side of the page. However when I click on the cart icon the ajax minicart-box div appears behind the cart itself. I've attached an image since this is not a live site yet and I'm editing locally for now. Any thoughts would be appreciated as I'm a bit stumped here even after an hour of messing with firebug to figure it out as well as referencing a non-edited install of the same version.
Attached Thumbnails
Click image for larger version

Name:	help.jpg
Views:	187
Size:	80.8 KB
ID:	2774  
__________________
4.1.9 x-cart
4.4.4 in dev
Reply With Quote
  #2  
Old 11-10-2011, 09:12 AM
  JWait's Avatar 
JWait JWait is offline
 

X-Man
  
Join Date: Nov 2005
Location: California
Posts: 2,440
 

Default Re: Ajax Minicart and CSS

I can't figure out what skin you are using, but from what I gather the ajax minicart "replaces" the minicart. Check the x-cart demo and you will see that none of the skins seems to use both.
__________________
Two Separate X-Cart Stores
Version 4.4.4 Gold - X-AOM - Vivid Dreams Aquamarine (modified) - Linux
Mods - Newest Products - View All -, and a few others. Numerous upgrades from 4.0.x series.
Integrated with Stone Edge Order Manager + POS

Version 4.1.12 Gold (fresh install) - X-AOM - Linux
Mods - XCSEO free
Reply With Quote
  #3  
Old 11-10-2011, 09:47 AM
 
jhug jhug is offline
 

Advanced Member
  
Join Date: Nov 2004
Posts: 31
 

Default Re: Ajax Minicart and CSS

Ok- sorry. It's an edited version of light and lucid 3 column. I will keep banging away at it. I know it's a css issue since I can move the "flyout" (minicart-box) over to the left with css it just keeps staying behind all the other divs and is thus obfuscated. Interestingly it works almost perfectly on the product detail page except for the fact that the price percentage savings star is "on top" of it. While I do have to say 4.4.4 is a great improvement in tpl file department- the CSS is still a bit of a mess.
__________________
4.1.9 x-cart
4.4.4 in dev
Reply With Quote
  #4  
Old 11-16-2011, 05:09 AM
  qualiteam's Avatar 
qualiteam qualiteam is offline
 

X-Guru
  
Join Date: Dec 2010
Posts: 6,373
 

Default Re: Ajax Minicart and CSS

Try increasing the CSS z-index for the minicart's div.
__________________
Alex Solovev,
Qualiteam

---

User manual Video tutorials X-Cart FAQ

You are welcome to press "Thanks" button
if you find this post useful

Click here to learn how to apply patches

X-Cart Extensions
Reply With Quote
Reply
   X-Cart forums > X-Cart 4 > Dev Questions > Changing design



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

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump


All times are GMT -8. The time now is 12:48 PM.

   

 
X-Cart forums © 2001-2020