Hi

I'm using Drupal 6.12 and Ubercart 6.x-2.0-rc3.

On the shopping cart page, the checkbox to remove an item from the cart is not rendering. Using Garland, it renders fine.

Have a look here.

Thanks

Glenn

Comments

Jeff Burnz’s picture

Jeff Burnz commented

I'll be installing Ubercart on my own site in a few days, I've used it in the past with no issues, so I'll take a look in due course, which should be this week, sorry, rather flat out this week

glennnz’s picture

glennnz commented

Great, thanks.

UPDATE

This is fixed. The the,me renders a thumbnail image instead of a checkbox. Once I had images configured properly, the problem went away.

Glenn

glennnz’s picture

glennnz commented

Oops, my previous post was a little premature.

The thumbnail image renders fine, byt it doesn't remove the item from the cart, it provides a link to the item's node. There is no way to remove a product from the cart.

Thanks

Glenn

Jeff Burnz’s picture

Jeff Burnz commented
Title: Checkbox not rendering » remove class clash with Ubercart .remove for cart checkbox
Assigned: Unassigned » Jeff Burnz

There is a class in style.css called .remove {display:none} which of course does what its supposed to do and adds the display:none declaration to ubercarts .remove class, thus hiding the checkbox, not good!

Add this to your style.css file near the bottom:

#cart-form-products .remove {
  display:block;
}

I'm going to change the name if this class in future versions as this is a problem I can easily solve, Genesis does not need to have a class named .remove.

Chris Graham’s picture

Chris Graham commented

Actually because Ubercart displays the cart in a table by default and the checkbox is an a TD there are issues with using block in at least firefox.... inline nearly gets it right, but I've found the following works cross-browser:

In style.css:

#cart-form-products .remove {
  display:table-cell;
}

Then for the <sarcasm>infinitely awesome</sarcasm> Internet Explorer create a stylesheet in the ie folder (I called it all.css) and put this in it:

#cart-form-products .remove {
  display:block;
}

Remember to add to this stylesheet to the conditional includes within your .info file. That should be it working in all browsers.