Styles for basket and order - WEBSALE Dokumentation

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”

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

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

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

​Saved baskets

​Memo list

​Wish list

​Paid additional services

​Currency selection

​Error messages during online clearing

Saved baskets

Memo list

Wish list

Paid additional services

Currency selection

Error messages during online clearing