Design Categories Screen

Introduction 

We understand the importance of intuitive navigation and visually appealing interfaces in enhancing user engagement. That's why we've curated a selection of category layout types specifically designed to cater to your diverse needs.

In this Article

  1. How to add a New Category?
  2. How to Duplicate Categories?
  3. How to Change Categories Layout?
  4. Layout Types
  5. Preview of Categories Screen
  6. References to use Categories Screen

How to add a New Category?

Step 1: Under Mobile App Builder, navigate to the "Design" Tab

Step 2: Under Categories, go to More actions, and select "Add Category" in the top right corner

Step 3: Enter the Category Title 

Step 4: Upload your image or enter the Image URL

Step 5: Choose Collection(s) or Products


Single Collection

Group of Collections

Single Product

Step 6: Click on Save, and you are done


How to duplicate Categories?

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 ie Rectangular, Circular, and Circular List


Layout Types

Each layout offers a unique set of benefits, ensuring a seamless and enjoyable browsing experience for your users.

Circular List Type 

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 Type 

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 Type

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 Category Screen

Some More Inspirations

Dr. Weils 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!

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us