Safari 4 issues- no shopping cart showing in sidebar (works in Firefox)

Tips and Tricks HQ Forum » WP eStore Forum

Safari 4 issues- no shopping cart showing in sidebar (works in Firefox)

(7 posts) (2 voices)

Started 1 year ago by SpaceFairy
Latest reply from amin007
Possible Solutions (Related Topics):

Tags:

SpaceFairy
Member

Hi there,

The shopping cart plugin so far works great aside from a few glitches in the Safari 4 browser. I'm running WP eStore using Thesis for WP theme. In Firefox the shopping cart shows up in the sidebar and works fine besides there being a big space between the widget title (I replaced the title with a text image that says "Shopping Cart" in a fancy font) and the rest of the cart buttons and text. However, no shopping cart shows up at all in the sidebar when viewed in Safari 4.

Suggestions anyone??

Posted 1 year ago #
amin007
Key Master

Please post a link to your page where I can add a product and view the shopping cart. Have you modified any CSS or plugin code? What version of the plugin are you using?

Posted 1 year ago #
SpaceFairy
Member

http://www.purecomplexionskincare.com (I temporarily took it off maintenance mode so you could see it). I have PayPal Sandbox setup too. I assume it's the latest version of the plugin? It says v2.9.2 in the code. I haven't modified any plugin code, but I have used some custom css, although it was after I already noticed the issue. I added:

.shopping_cart{
position:relative;
top:-40px;
}

to my custom css (in Thesis theme) to address the issue of having a large gap between the shopping cart heading & the cart itself. Even when I removed the code it made no difference.

Also, not sure if it's related, but some of the shortcodes don't seem to work either, in either browser (eg. [wp_eStore_cart_fancy2] )

Thanks for you help :D

Posted 1 year ago #
amin007
Key Master

All these displays (shopping cart and products) are tested on all the major browsers (Firefox, IE, Chrome, Safari) and works for sure given that you haven't messed up the CSS and HTML on your webpage. You can verify it by checking the following pages in any browser of your choice:

http://www.tipsandtricks-hq.com/ecommerce/wordpress-estore-plugin-demo-175

http://www.tipsandtricks-hq.com/ecommerce/stylish-product-display-options-for-wp-estore-829

I would recommend you perform this quick test to see if any bad CSS or HTML on your webpage is causing this:

http://www.tipsandtricks-hq.com/forum/topic/test-to-identy-a-conflicting-theme-or-plugin

I also noticed that your sidebar is narrow so not sure if safari is having a issue with that (You can use the "Show Compact Cart" option from the settings menu to display a compact version of the shopping cart on the sidebar). I will send out an updated version of the plugin too so we can eliminate the possibility of old version related issue.

Posted 1 year ago #
SpaceFairy
Member

Thankyou for your suggestions, I've updated the plugin now so I can see the "Show Compact Cart" option :)
I think I've identified the problem, and you're right, I think it is in my CSS...

I think it's because I was attempting to replace the "Shopping Cart" text in the widget with an image (so I could use decorative text).
I had used this CSS in my custom file editor (In Thesis theme:)

.custom #wp_digi_cart_widgets {
background: url('images/shoppingcart.png') no-repeat; text-indent: -9999px;
}

It works in Firefox, but I think Safari might be having some issues with the 'text-indent' part as if I remove it I can see the shopping cart okay in the sidebar, but then I can also see the "Shopping Cart" text behind the image. I tried targeting just the h3 tag too but I may be doing something wrong. Any more suggestions? Or is there an easier way you know of to replace the text with an image? I'm sure I'm missing something simple, so I'll keep playing around for now....

Thanks again,

Posted 1 year ago #
SpaceFairy
Member

Oooh I fixed it! It was the CSS. My bad! If anyone else ever has a similar problem, adding this code in the custom css solved my problem:

.custom #wp_digi_cart_widgets h3 {
background: url('images/shoppingcart.png') no-repeat; text-indent: -9999px; height: 30px;
}

Thanks again!

Best Wishes,
Mel (aka SpaceFairy)

Posted 1 year ago #
amin007
Key Master

Yay :)

Posted 1 year ago #

RSS feed for this topic

Reply

You must log in to post.