View
 

How to improve the look of many options on the checkout pages

Page history last edited by Eugene 1 year, 8 months ago

If your products have many product options (for example, ten different options for an item), when customer opens the cart, all the options are listed in series, which don't look very well.

 

 

In order to make them look better, apply this CSS code:

 

div.ecwid-productBrowser-cart-optionsList span.gwt-InlineLabel {
 display:none;
}
div.ecwid-productBrowser-cart-optionsList span.gwt-InlineHTML {
 display:block;
}
div.ecwid-productBrowser-cart-optionsList button.gwt-Button {
 margin-left:0px;
}
span.ecwid-productBrowser-cart-optionsList-name {
 font-weight:bold;
}

 span.ecwid-Invoice-productDescr-option {
  display:block;
}
div.ecwid-Invoice-productDescr-options span.ecwid-Invoice-productDescr-separator {
 display:none;
}
span.ecwid-Invoice-productDescr-option-name {
 font-weight:bold;
}