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

  1. How to add a Category?
  2. How to Duplicate a Category?
  3. How to Change Categories Layout?
  4. Layout Types
  5. Preview of Categories Screen
  6. 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!

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