NO BUG: Cart items - Multiple Product Variations all on same line

Bugs
1

I use product variations with multiple attributes. They display on the same line and while I’ve tried to inline-block / clear them to separate lines, they stubbornly stay on the same line.

Product Variations Same Line
Product Variations Same Line860×248 23 KB

How do I get each product variation to show up on a separate line?

2

Btw - Same issue exists on the checkout order review element

3

Hi Eric,
Welcome to the forum!

Can you provide me with a live link? That should be easy to fix if I can see what’s going on :slight_smile:

Best regards,
timmse

4

@timmse - Thanks! Very happy to be hear and thanks for creating a great product.

My site isn’t fully up to the point a live link would be much help. Working on templates at the moment. What is the best way to provide access to those?

5

You can send me a private message if you don’t want to share the link publicly.

6

Thanks for your help! This custom css solved the problem:

root dl.variation {
display: grid;
grid-template-columns: max-content min-content;
}

1 Like