Help center

Go to Superfans.io

Developer Docs Website

Designing your app | Superfans.io

All collectionsDesigning your app

Designing your app

A quick guide to designing your app with the right features, smart layouts, and a seamless shopping experience.

Creating & Managing a theme

collection item image

Theme Settings

Theme settings

Customizing Brand Colors & Fonts

Managing Empty State Images

Setup Top bar Navigation on the app

Setup Bottom-Bar for the Mobile App

Setup Side Navigation for the mobile app

collection item image

Design your Home Page

Designing Your App with the Image Banner

Creating the Top Navigation for Your Home Page

Creating Image Slider

Creating Video Banner

Setting Up Rich Text

Setting Up Expandable View

Setting Up Image Grid

Creating Product Grid

Adding Countdown Timer

Adding Spacer

Creating Landing Pages

Customize your Product Block

collection item image

Product Listing Page

Setting Up Product Listing Page - Collection Image

Setting Up Collection Description & Sub Collections

Setting Up Sort & Filter

Setting Up Product Grid

Setting Up Edit Search Page

Setting Up Suggestions

PLP Handbook: Tips, FAQs & Next steps

Product Details Page

Adding Spacer in Product Details Page

Setting Up Product Grid

Setting Up Product Image

Creating Label

Setting Up Rating

Setting Up Product Description

Setting Up Price

Setting Up CTA (Call-to-Action)

Setting Up Product Variants

Swatches

PDP Handbook: Tips, FAQs, and Next Steps

collection item image

Cart

Setting Up Cart Toolbar

Setting Up Line Items

Setting Up CTA (Call-to-Action)

Setting Up Discounts

Cart Handbook: Tips, FAQs & Next Steps

Personalization

Personalization

Home Page Handbook: Tips, FAQs, and Next Steps