Attributes Affecting Multi-Column Display in Display Suite [#2006912]

I'm trying to use Display Suite to adjust my product layout. I'm using a two-column stacked layout that places the SKU, price, and "Add to cart" form elements (attributes, quantity, button) in the left column and the product image(s) in the right column.

I've noticed that products that do not have associated attributes (here's an example) are displayed properly. Products that include attributes have the product images pushed out of alignment (here's an example). I've tried to modify the add-to-cart class width and margin settings to adjust the display, but without success thus far. How can I get the right column properly displayed when the "Add to cart" form includes attributes?

Comments

Comment #1

longwave

he/him

English

CreditAttribution: longwave commented 29 May 2013 at 12:47

Inspecting with Firebug, the misaligned page is missing some Display Suite CSS rules entirely, including e.g. ".ds-2col-stacked-fluid > .group-right" which is responsible for aligning the columns. I am not sure why this would happen, and it is difficult to investigate any further while you have CSS aggregation switched on.

Note that also you say "products that include attributes", but both your examples have a single dropdown attribute.

Comment #2

sah62 CreditAttribution: sah62 commented 29 May 2013 at 18:25

Thanks for the prompt reply, @longwave, and sorry about the misleading description of my examples. You're quire correct, but notice how the alignment is correct in one case and not in the other. Anyway, I've temporarily disabled css and javascript aggregation. Can you see anything else?

Comment #3

longwave

he/him

English

CreditAttribution: longwave commented 29 May 2013 at 18:42

The correctly aligned page includes /sites/all/modules/ds/layouts/ds_2col_stacked_fluid/ds_2col_stacked_fluid.css which provides the layout. The misaligned page does not include this file. I don't think this is an Ubercart issue, you should ask for more help in the Display Suite queue. You should also try disabling any custom modules you have enabled, or perhaps changing your theme temporarily to see if that makes any difference.