Design Categories Screen
Introduction
We know how important clear navigation and attractive design are for keeping users engaged. That’s why we’ve created different category layouts to suit your needs.
In this Article
- How to add a Category?
- How to Duplicate a Category?
- How to Change Categories Layout?
- Layout Types
- Preview of Categories Screen
- Inspirations
How to add a Category?
Step 1: Under Mobile App Builder - shop2app, navigate to the "Design" Tab
Step 2: Under Categories, on the top right corner of your screen click on "Add Category"
Step 3: Enter the Category Title
Step 4: Upload the Image or enter the Image URL
Step 5: Click on Select Product or Select Collection(s)
Step 6: Select the product or Collection(s) and Save
Single Product
Single Collection
Group of Collections
Step 7: Click on Save, and you are done
How to duplicate a Category?
To duplicate any category, click on the (+) icon.
How to Change Categories Layout?
Step 1: Go to "Select Layout"
Step 2: Select from the various layouts available - Circular List, Rectangular List, and Circular Carousel, and Save
Layout Types
Each layout offers a unique set of benefits, ensuring a seamless and enjoyable browsing experience for your users.
Circular List
Description
This layout presents categories in a circular arrangement, resembling a wheel or pie chart. Each category occupies a segment of the circle, providing a visually appealing and intuitive way to navigate options.
Benefits
- Efficient use of screen space.
- Easy to navigate with a scrolling gesture.
- Ideal for showcasing a moderate number of categories without overwhelming the user.
Rectangular List
Description
In this layout, categories are displayed in list format, arranged in rectangular tiles. Each tile represents a category, accompanied by an image for quick recognition.
Benefits
- Clear organization and structured presentation.
- Suitable for displaying a large number of categories without clutter.
Circular Carousel
Description
The circular carousel layout offers a dynamic and interactive way to explore categories. Categories are arranged in a circular path, allowing users to swipe or tap through them horizontally.
Benefits
- Easy to navigate with a swipe gesture.
- Provides a sense of fluidity and continuity, enhancing user engagement
Preview of Categories Screen
Some More Inspirations
Dr. Weil's Matcha.com
Happy Healthy You
If you have any questions or need further assistance, feel free to contact us at help@shop2app.com.
Happy selling!