Mobile sticky bar
The Mobile Sticky Bar is a navigation feature designed for mobile users, providing quick access to key pages and functionalities from any part of the site. It remains fixed at the bottom of the screen, ensuring seamless navigation without the need to scroll or search for links.
Users can add different blocks to customize the sticky bar’s functionality. Each block represents an icon that links to a specific page or action.
| Settings | Description |
Enable test mode Shows in the theme editor only. |
This feature ensures the mobile sticky bar is displayed continuously in the theme editor, allowing you to preview changes in real time. Note: Visible only on mobile mode |
| Color scheme | Apply a color scheme to mobile sticky bar from a suggested list of color schemes. It automatically updates all associated colors for a cohesive and professional look across your website. |
| Counter color | Select a color for the counter (the quantity of products displayed on the cart icon in the mobile sticky bar) by using the color picker or by entering a HEX code. Note: Ensure that cart block is added to mobile sticky bar feature for using this option. |
| Counter background | Select a color for the counter background (the quantity of products displayed on the cart icon in mobile sticky bar) by using the color picker or by entering a HEX code. Note: Ensure that cart block is added to mobile sticky bar feature for using this option. |
Home block
- Adds a home icon to the sticky bar.
- Functionality: Clicking the icon navigates users to the homepage.
- Customization: Not available.
Collection block
- Adds a collection icon to the sticky bar.
- Functionality: Clicking the icon directs users to a page displaying all products.
- Customization: Not available.
Search block
- Adds a search icon to the sticky bar.
- Functionality: Clicking the icon opens the search field, allowing users to quickly search for products, collections, blog posts, or pages, depending on the settings in the Shopify Discovery App.
- Customization: Not available.
Account block
- Adds an account icon to the sticky bar.
- Functionality: Clicking the icon navigates users to the login page, enabling them to access their account.
- Customization: Not available.