Some styles are being overridden by theme styles, creating inconsistencies in the design depending on what theme you are using. Important styles should be more targeted with more specific selectors so that they outweigh the theme's styles.

Some examples...

  • Alignment of Discount button, placement of % and $ buttons
  • Placement/spacing of quantity plus/minus buttons
  • Size/padding of price and quantity text inputs
  • Some themes show 'x' to remove product, some show a 'Remove' button

CommentFileSizeAuthor
#2 product_listing_styling-2778731-2.jpg116.8 KBamberbam
#2 product_listing_styling-2778731-2.patch86.45 KBamberbam
prod-diff.png102.5 KBamberbam
Support from Acquia helps fund testing for Drupal Acquia logo

Comments

amberbam created an issue. See original summary.

amberbam’s picture

amberbam CreditAttribution: amberbam at Acro Commerce commented
FileSize
product_listing_styling-2778731-2.patch86.45 KB
product_listing_styling-2778731-2.jpg116.8 KB

Ahhhhhh much better.

amberbam’s picture

amberbam CreditAttribution: amberbam at Acro Commerce commented
Status: Active » Needs review
cbildstein’s picture

cbildstein CreditAttribution: cbildstein at Acro Commerce commented
Status: Needs review » Reviewed & tested by the community

Applies cleanly.

Tested with Seven, Bartik, Garland, Bootstrap.

Looks cool, clear and under control.

Good to go!

  • smccabe committed ea433e9 on 7.x-2.x authored by amberbam 
    Issue #2778731 by amberbam, cbildstein: Product Listing Styling...
smccabe’s picture

smccabe CreditAttribution: smccabe as a volunteer and at Acro Commerce commented
Status: Reviewed & tested by the community » Fixed

Status: Fixed » Closed (fixed)

Automatically closed - issue fixed for 2 weeks with no activity.