> ## Documentation Index
> Fetch the complete documentation index at: https://dokumentation.websale.de/llms.txt
> Use this file to discover all available pages before exploring further.

# Styles for basket and order

> The CSS classes for saved baskets, the memo list, the wish list, paid additional services, currency selection, and error messages during online clearing.

WEBSALE V8s automatically generates HTML code for many functions and tags. You control its appearance through CSS classes that the shop assigns as fixed values. This page lists the classes related to the basket, lists, and order completion.

The memo list, wish list, and saved baskets all follow the same pattern: for each product, the shop generates a small table with the selected variants, one row per variant, and assigns fixed classes to the two columns.

Guide: CSS styles

## Saved baskets

| Class | Controls the appearance of |
| - | - |
| `savedbasket_var_table` | table with the variants of an item |
| `savedbasket_var_td_1` | cell with the name of the variant |
| `savedbasket_var_td_2` | cell with the value of the variant |
| `select_sbi_add` | drop-down list "add to saved basket" |
| `select_sbi_replace` | drop-down list "replace saved basket" |

> [!NOTE]
>
> The previous documentation wrote the two cell classes without an underscore before the digit, that is, `savedbasket_var_td1` and `savedbasket_var_td2`. The shop actually generates `savedbasket_var_td_1` and `savedbasket_var_td_2`. This has been corrected here.

Guide: Offering saved baskets

## Memo list

| Class | Controls the appearance of |
| - | - |
| `memolist_var_table` | table with the variants of an item |
| `memolist_var_td_1` | first column, the variant name |
| `memolist_var_td_2` | second column, the variant value |

Guide: Displaying the memo list

## Wish list

| Class | Controls the appearance of |
| - | - |
| `wishlist_var_td_1` | first column, the variant name |
| `wishlist_var_td_2` | second column, the variant value |

> [!NOTE]
>
> The previous documentation listed `wishlist_var_td_1` twice and thus omitted the second column. The shop generates `wishlist_var_td_1` and `wishlist_var_td_2`. This has been corrected here.

Guide: Integrating the wish list

> [!NOTE]
>
> The three variant tables above don't contain only variants. The shop also attaches the same cell classes to the rows for text input fields and, for the memo list and saved baskets, additionally to the rows for the length and width of area-based products.
>
> A design based on "name on the left, value on the right" therefore works across all of these rows.

## Paid additional services

| Class | Controls the appearance of |
| - | - |
| `order_option_table` | the table |
| `order_option_tr_1` | first alternating row |
| `order_option_tr_2` | second alternating row |
| `order_option_td_1` | first column |
| `order_option_td_2` | second column |
| `order_option_name` | name of the option |
| `order_option_display` | price output |

Guide: Offering paid additional services · Reference: `OrderOptions` section of the shop.config

## Currency selection

| Class | Controls the appearance of |
| - | - |
| `select_currency` | the drop-down list of currencies |

Guide: Currencies, Price formatting · Reference: `Currency-Txt` section of the shop.config

## Error messages during online clearing

| Class | Controls the appearance of |
| - | - |
| `clearing_error_ul` | the list of error messages, that is, the `ul` element |
| `clearing_error_li` | the individual error message, that is, the `li` element |


## Related topics

- [Shopping basket and order process](https://dokumentation.websale.de/en/v8s/referenz/konfigurationen/shopkonfiguration-shop-config/warenkorb-und-bestellprozess.md)
- [basket - Basket](https://dokumentation.websale.de/en/konfiguration/basket-warenkorb.md)
- [Basket](https://dokumentation.websale.de/en/frontend/referenz/aktionen/basket.md)
- [Basket totals](https://dokumentation.websale.de/en/v8s/referenz/tags/basket/warenkorbsummen.md)
- [Vouchers in the basket](https://dokumentation.websale.de/en/v8s/referenz/tags/basket/gutscheine-im-warenkorb.md)


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.