Shop navigation
Shop navigation (Search, Wishlist, Account, Cart)
Last updated
Was this helpful?
Shop navigation (Search, Wishlist, Account, Cart)
Last updated
Was this helpful?
In addition to the general settings for the background and foreground colors of the individual elements, you can define a Badge color (1). This affects the badge for logged in users and the badge for the number of items in the wishlist.
Additional you can add a Border (1) to the items and configure their colors with the Border (3) und Boder:hover (4) color fields.
Example:
Font size (1) & Font weight (2) - Especially when displaying the two-line header, these settings are applied to the language selection, currency selection and service navigation. Tooltips (3) & Tooltips placement (4) - In addition to the icons, tooltips can be positioned and displayed, which clearly explain the function of the icons when mouse-over. Minimize badges (5) - Wishlist, account and shopping cart have so-called badges. These are small labels, which e.g. show the number of products in the wish list. These labels can be minimized to a small point and only show the number when mouseover. This makes the area appear cleaner and tidier in the spirit of a minimal design.
Example:
The shopping cart can be highlighted using a custom color configurations (1-6).
Depending on the background color you choose, it may make sense to adapt the Badge color (7) to the “number of products in the shopping cart”. The text color of the badge is automatically determined with the optimal contrast in black or white.
Additional you can add a Border (8) to the items and configure their colors with the Border (9) und Boder:hover (10) color fields.
Example:
