Shop switcher
Shop switcher is dropdown (Dropdowns basics UI kit) in multistore webshop. It is in center of subheader under main header. Once clicked on shop name or arrow next to shop name opens dropdown. In dropdown opened context is marked with check mark icon other are shown with color mark next to name. There are following components in dropdown.
Components description
Search input
| Description | Value | Error message |
|---|---|---|
Mandatory | NO | - |
Allowed/Forbidden values | - | - |
Default value | - | - |
Help text | Search shop name | - |
Tool tips | - | - |
Lower limit | 2 | - |
Upper limit | - | - |
Behavior | - |
Behaviors description
Search CTA
Search is input field. For search needs to enter shop name to input. When enter second and further symbols, under search input appear matching shops names. Once clicked on shop from list, opens that shop back office. If searching takes some time under input is shown notification: Searching for "x" here x means entered information. If there is no results of symbols in search shows this notification message: No results found for "x" here x means entered information.
All shops
Once clicked switches to all shop context, shows all shops information and changes will be made in all multistore shops. When hover mouse pointer on All shops in dropdown, text changes color.
Shop group
Once clicked shop group name switches to this shop group, shows group shops information and changes will be made in all this group shops. When hover mouse pointer on shop group name in dropdown, text changes color. The group must be created when user create second shop in Multistore page (Multishop page). First group is named Default but user can enter and change shop group name.
Shop
Once clicked switches to chosen shop back office, shows this shop information and changes will be made only in this shop. When hover mouse pointer on shop name in dropdown, shop name changes color. In shop name row is link View my shop. When hover mouse pointer on this link it becomes underlined. Once clicked link opens this shop front office.
Color
All shops, each shop group and shop could have it color (color picker). All shops color by default is blue. Color for shop groups and shops is added in Multistore page (Multishop page). When all shops, shop group or shop is switched, color applied in subheader under main PrestaShop header.
Last updated
