Weirdness with Javascript Shopping Cart

help

cart

shopping

firefox

javascript

middle

appears

mac

overlay

left

c_bavota 2009-11-11 15:49:11 UTC #1

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

c_bavota 2009-11-11 16:25:03 UTC #2

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.

E-junkie_Ninja 2009-11-12 10:21:46 UTC #3

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?

c_bavota 2009-11-13 09:35:08 UTC #4

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.

E-junkie_Ninja 2009-11-13 12:59:37 UTC #5

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

c_bavota 2009-11-13 15:48:28 UTC #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

E-junkie_Guru 2009-11-19 19:57:24 UTC #7

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/themesby_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?

SOLUTIONS FEATURES PRICING DISCOVER PRODUCTS CONTACT HELP DOCS DASHBOARD

Forum

E-junkie Community Forum

Share and learn in the E-junkie community.