Product catalog #
Go to Appearance β Customize β Mobile βProduct Catalog
Mobile Header #
By default, the mobile header on single product pages is responsive. However, ShopWell Addons offers an option to switch to a compact mobile header.
To enable the compact mobile header:
- Go to Appearance > Customize.
- Navigate to Mobile > Single Product.
- Under the Mobile Header option, select Compact.
This will apply a cleaner, space-saving header layout for mobile product pages.
Navigation Bar #
Mobile Navigation Bar Setup #
The Mobile Navigation Bar enhances user experience by providing quick access to key areas of your store right from the bottom of the screen.
How to Enable the Navigation Bar #
- Go to Appearance > Customize.
- Navigate to Mobile > Navigation Bar.
- From the Navigation Bar dropdown, choose either:
- Standard
- Standard Adaptive
Navigation Bar Types #
1. Standard Navigation Bar #
- Displays a fixed navigation menu at the bottom of the screen with key links:
Home, Shop, Cart, Wishlist, Account, Compare. - You can enable/disable individual items, reorder them via drag-and-drop, and customize their appearance (color, spacing, shadow, etc.).
2. Standard Adaptive Navigation Bar #
- Works similarly to the Standard version but with added dynamic behavior:
- On single product pages, the navigation items are replaced by an “Add to Cart” button for a more conversion-focused experience.