13 replies [Last post]
gadzuk's picture
Offline
Joined: 03/07/2009
Juice: 5
Was this information Helpful?

The problem only appears when the shopping card icon is enabled in the settings. Apparently IE7 (and older Firefox) don't support the inline-block, seems a likely suspect.

Quote:

=== modified file 'uc_cart/uc_cart_block.css'
--- uc_cart/uc_cart_block.css 2009-02-06 21:40:54 +0000
+++ uc_cart/uc_cart_block.css 2009-02-17 21:07:08 +0000
@@ -1,13 +1,45 @@
/* $Id:$ */

-#block-cart-title-bar {
+/**
+ * Styles for the cart block icon.
+ */
+.cart-block-icon-full, .cart-block-icon-empty {
+ display: inline-block;
+ padding: 2px 12px 8px 12px;
+ height: 7px;
+}

stephthegeek's picture
Offline
Theminator
Joined: 10/20/2007
Juice: 575
Re: Shopping cart block doesn't display correctly in IE7

No, all browsers don't support inline-block but that was accounted for in the theming, in my tests at least.

Which theme are you using? Can you provide a screenshot/link for what's not displaying right?

Gorgeous original Drupal themes (and Ubercart themes!) ~ Psst: more Ubercart themes on our new site

everymark's picture
Offline
Joined: 03/13/2009
Juice: 6
Screenshots - IE7 v. FF Shopping cart problems

Attached are 4 shots - IE7 and FF, both with/without Shopping Cart enabled in right sidebar. Note Shopping cart itself slightly off in IE, but bigger problem is sidebar corrupted and footer corrupted when sidebar extends beyond content. Note no problem in IE7 unless ShoppingCart enabled. This is Drupal6.10, latest UC (installed yesterday), with unmodified Bluemarine theme.

AttachmentSize
IE7noSC.jpg 199.14 KB
FFnoSC.jpg 197.57 KB
FFwithSC.jpg 197.43 KB
IE7withSC.jpg 188.98 KB
Ryan's picture
Offline
Joined: 08/07/2007
Juice: 15438
Re: Screenshots - IE7 v. FF Shopping cart problems

Out of curiosity, do any of the cart block related patches in the theme layer issues for Ubercart fix the problem?

everymark's picture
Offline
Joined: 03/13/2009
Juice: 6
Re: Re: Screenshots - IE7 v. FF Shopping cart problems

Patch for width:100% has no effect. Others looked non applicable

But changing uc_cart_block.css as follows, fixes sidebar but have 2 images of cart - see attached shot. IE7 doesn't seem to obey 'no-repeat' for background in this case

.cart-block-icon-full, .cart-block-icon-empty {
/*display: inline-block;*/
padding: 2px 12px 8px 12px;
height: 7px;
}

FF still looks OK with this.

AttachmentSize
IE7withSCno_inline_block.jpg 173.04 KB
glowkeeper's picture
Offline
Joined: 02/23/2009
Juice: 32
Also having Ubercart Shopping Cart Issues in IE

I'm using Ubercart 6.x-2.0-beta5. With the shopping cart enabled, the site I've just put online (http://cosyheart.com) is a complete mess under IE, but displays just fine under Firefox, Opera, Chrome, Safari et al. I don't know if this is related, but if I run firebug's validator on the site, it also complains about a couple of issues to do with the cart block.

Any help appreciated.

glowkeeper's picture
Offline
Joined: 02/23/2009
Juice: 32
Re: Also having Ubercart Shopping Cart Issues in IE

Oops, I forgot to say I'm using a modified Zen theme under Drupal 6-10.

glowkeeper's picture
Offline
Joined: 02/23/2009
Juice: 32
Re: Re: Also having Ubercart Shopping Cart Issues in IE

Unfortunately, under pressure from higher powers, I've had to disable the shopping cart permanently in order to get the site online properly whilst I investigate. I realise that makes it almost impossible for anyone to help, but cest la vi. Meanwhile, any pointers as to what might be the problem and how I can get the shopping cart block back online?

glowkeeper's picture
Offline
Joined: 02/23/2009
Juice: 32
Re: Re: Re: Also having Ubercart Shopping Cart Issues in IE

I commented out those bits in uc_cart_block.css not supported in IE (namely the display: inline-block lines), and www.cosyheart.com has a shopping cart again. There seems to be two icons when I only want one, and they look a bit rubbish squashed up against the text, plus there's a spurious cart icon bottom left of my screen, but at least the functionality is there......

web_designer's picture
Offline
Joined: 04/06/2011
Juice: 12
delete shopping cart name

Hi steph,

Just this message to ask for help from you.
Indeed, I configured Ubercart without major problems but
one problem arises, I can not change "Shopping cart".
I want to change the title.
I did a "print screen" of the problem.
Here's the link: http://www.cijoint.fr/cj201104/cijAq9wVhE.png.

Thank you in advance.

Tom_Mann's picture
Offline
Joined: 11/23/2009
Juice: 8
Cart title
lsuarez's picture
Offline
Joined: 08/22/2009
Juice: 2
Where is shopping cart icon?

I am having problems with the icon must appear at the "shopping cart" block. I spend one complete day to fix the error. Finally I decided to modified code in "uc_cart.module", the versión of the file is "uc_cart.module,v 1.15.2.26 2009/08/17 21:27:55".

Line #635: function theme_uc_cart_block_title_icon($icon_class) { ... }. The new code for that function is:

/* Begin of code */
$uc_cart_path = drupal_get_path('module', 'uc_cart');
$icon_path = "";
if ($icon_class == 'cart-block-icon-empty')
$icon_path = $uc_cart_path . '/images/cart-empty.png';
else
$icon_path = $uc_cart_path . '/images/cart-full.png';

return l('<img class="'. $icon_class .'" src="' . $icon_path . '" alt="'. t('View your shopping cart.') .'" />', 'cart', array('html' =< TRUE));
/* End of code */

I also modified the CSS rule in "uc_cart_block.css", now is:

.cart-block-icon-full, .cart-block-icon-empty {
float:left;
margin-left:14px;
margin-top:2px;
margin-right:-5px;
}

I also comment these rules because they aren't neccesary

/*
.cart-block-icon-full {
background: transparent url(images/cart-full.png) no-repeat left center;
}

.cart-block-icon-empty {
background: transparent url(images/cart-empty.png) no-repeat left center;
}
*/

Conclusion: I am not really sure why IE7 hide icons in Shopping Cart block, or why icons appears two or more times. I don't like IE7. For that reasons I had to change some code in uc_cart.module.

Ubercart is excellent!

J. Ayen Green's picture
Offline
Joined: 06/25/2009
Juice: 184
Re: Where is shopping cart icon?

That didn't work for me. I opted to always have an empty cart present, just to have a cart.

1. Changed in uc_cart.module

function theme_uc_cart_block_title_icon($icon_class) {
global $base_url;
return l('', 'cart', array('html' => TRUE));
}

2. Commented out .cart-block-icon-full and .cart-block-icon-empty in the .css file (to get rid of double cart in firefox)

Tom_Mann's picture
Offline
Joined: 11/23/2009
Juice: 8
IE7 Ubercart Cart Icon missing

I added this style to the ie.css, make sure to limit it to ltIE7 in the yoursite.info file

add this to your site yourtheme.info file in "sites/all/themes/yourtheme/"
conditional-stylesheets[if lte IE 7][all][] = ie.css
conditional-stylesheets[if IE 8][all][] = ie8.css

add this to your ie.css file in "sites/all/themes/yourtheme/"
.cart-block-icon-full, .cart-block-icon-empty
{
display: block;
float:left;
width: 12px;
padding-right: 0px;
}

you can see it in action at http://www.palabrapublications.com/house