Share via E-Mail
Share on Twitter
Share on Facebook
E-junkie Blog
E-junkie FaceBook Page
E-junkie @ Twitter

E-junkie Ecommerce Forums » E-junkie Discussions

Tag Cloud for this topic:

Weirdness with Javascript Shopping Cart



c.bavota
member
Posts: 6


I just signed up and I am trying to get the javascript shopping cart to work properly on my site.

The cart appears and everything functions but the cart itself does not align to the middle of the browser window. It floats over to the left.

http://themes.bavotasan.com

Click on the View Cart button in the upper right to see what I mean. I encountered this in Firefox 3.5 and Safari 4 on my Mac.

Also, in Firefox, when you go to this page:

http://themes.bavotasan.com/category/our-themes

The black overlay does not appear when the shopping cart appears.

Any help would be greatly appreciated.

Thanks.

c.bavota


#
POSTED ON: November 11, 2009 @ 15:49 GMT -7




c.bavota
member
Posts: 6


I was able to fix the alignment by surrounding the whole site in a div and taking the CSS that I had used for the <body> tag and adding it to the new div.

But I am still encountering the issue with the black overlay not appearing on certain pages.


#
POSTED ON: November 11, 2009 @ 16:25 GMT -7




E-junkieNinja
E-Junkie Crew
Posts: 753


When you mention the black overlay, do you mean how the rest of the screen outside the cart gets dark? If so I am not able to reproduce this issue on the page you provided in your first post. Would you be able to provide other pages that you see this issue on?


#
POSTED ON: November 12, 2009 @ 10:21 GMT -7




c.bavota
member
Posts: 6


Yes. I mean when the cart appears, the rest of the screen fades to black. That black does appear on the following pages.

http://themes.bavotasan.com/contact
http://themes.bavotasan.com/affiliates
http://themes.bavotasan.com/category/our-themes

I attempted to remove all of the content from these pages and the black overlay still does not appear. On other pages it works perfectly though.

It only happens for me in Firefox 3.5.5 on my Mac. I can't recreate it in Safari.


#
POSTED ON: November 13, 2009 @ 09:35 GMT -7




E-junkieNinja
E-Junkie Crew
Posts: 753


I am unable to reproduce the problem on my Mac using Firefox 3.5.5, what version of OS X are you using?


#
POSTED ON: November 13, 2009 @ 12:59 GMT -7




c.bavota
member
Posts: 6


Thanks for taking the time to try to help me out.

I just upgraded to Snow Leopard 10.6.2.

Here are two screen grabs I took.

Home page - with black overlay
http://themes.bavotasan.com/images/screengrab2.jpg

Affiliates page - without overlay
http://themes.bavotasan.com/images/screengrab.jpg


#
POSTED ON: November 13, 2009 @ 15:48 GMT -7




E-junkieGuru
E-Junkie Crew
Posts: 4354


It seems to be a conflict with your CSS; I copied the source of your problem pages to a test page of my own, and removing this line fixed the problem:

<link rel="stylesheet" href="http://themes.bavotasan.com/wp-content/themes/themes_by_cbavota/ style.css" type="text/css" media="screen" />

One thing I noticed which may help you isolate the problem: normally the dimmed area outside the cart is clickable to dismiss the cart (same as clicking the Close or Continue Shopping controls in the cart), but the undimmed background on your problem pages was also not clickable, so attempting that left the cart visible. I'm thinking there may be a z-index issue there, so the cart's dimmed background layer is winding up "behind" your page?


#
POSTED ON: November 19, 2009 @ 19:57 GMT -7
MODIFIED ON: November 19, 2009 @ 19:59 GMT -7


You must be logged in to make a post. Please click here to login.

30 Day Money Back Guarantee
PayPal Certified Integration
Google Checkout Certified Integration
Slam the Online Scam