Shop switcher with eye icon

This shop switcher is dropdown (Dropdowns basics UI kit) and it is shown on right upper corner. It has an eye icon, information what context is opened and dropdown arrow. When shop switched, shop name changed on switcher. When hover on it with mouse pointer, color of shop name and arrow changes. Once clicked opens dropdown with these components.

Components description

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 it, text becomes underlined and changes color.

Shop group

Once clicked shop group name switches to this group, shows shop group information and changes will be made in all this group shops. When hover mouse pointer on shop group name, text becomes underlined. The group must be created when user creates second shop in Multistore (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, it shows this shop information and changes will be made only in this shop. In shop name row is an eye icon. When hover mouse pointer on shop name, shop name becomes underlined and icon changes color. Once clicked shop eye icon opens this shop front office.

Last updated