Tips and Tricks HQ Support

Support site for Tips and Tricks HQ premium products

  • Home
  • Contact Us
  • Documentation
  • Forum Home
    • Forum
    • Forum Search
    • Forum Login
    • Forum Registration

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

by

Tips and Tricks HQ Support Portal › Forums › WP eStore Forum › Safari 4 issues- no shopping cart showing in sidebar (works in Firefox)

Tagged: Safari 4, shopping cart

  • This topic has 8 replies, 4 voices, and was last updated 8 years, 6 months ago by admin.
Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • July 5, 2010 at 1:29 am #1455
    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??

    July 5, 2010 at 10:03 am #22228
    amin007
    Participant

    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?

    July 8, 2010 at 1:40 am #22229
    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

    July 8, 2010 at 4:13 am #22230
    amin007
    Participant

    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:

    WordPress eStore Plugin Demo

    Stylish Product Display Options for WP eStore

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

    https://support.tipsandtricks-hq.com/forums/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.

    July 10, 2010 at 1:55 am #22231
    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,

    July 10, 2010 at 2:24 am #22232
    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)

    July 11, 2010 at 12:28 am #22233
    amin007
    Participant

    Yay :)

    September 12, 2014 at 7:36 am #22234
    Margueritav
    Member

    When people are purchasing from my website, I have a shopping cart pop up near the top of the page. This is working fine in Firefox and Chrome, but doesn’t appear in Safari. Is there a conflict with Safari?

    Marguerita

    September 12, 2014 at 11:57 pm #22235
    admin
    Keymaster

    The browser shouldn’t cause any issue for this. It is likely a caching issue. Are you using any caching plugin?

  • Author
    Posts
Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.
Log In

Forum Related

  • Forum Home
  • Forum Search
  • Forum Login

Support Related Forms

  • Contact Us
  • Customer Support
  • Request a Plugin Update
  • Request Fresh Download Links

Useful Links

  • Plugin Upgrade Instructions
  • WP eStore Documentation
  • WP eMember Documentation
  • WP Affiliate Platform Documentation
  • WP PDF Stamper Documentation
  • WP Photo Seller Documentation
  • Tips and Tricks HQ Home Page
  • Our Projects

Quick Setup Video Tutorials

  • WP eStore Video Tutorial
  • WP eMember Video Tutorial
  • WP Affiliate Platform Video Tutorial
  • Lightbox Ultimate Video Tutorial
  • WP Photo Seller Video Tutorial

Our Other Plugins

  • WP Express Checkout
  • Stripe Payments Plugin
  • Simple Download Monitor

Copyright © 2023 | Tips and Tricks HQ