Skip to content

Build a Product Catalog

Create a product collection with images, pricing, and variants

beginner15 min read

Build a Product Catalog

In this tutorial, you'll create a collection to manage your products with custom fields for pricing, images, and variants.

What You'll Build

A fully functional product catalog with:

  • Product name, description, and images
  • Pricing with currency support
  • Variant options (size, color, etc.)

Prerequisites

  • A Vivreal account with an active group
  • Basic familiarity with the Vivreal dashboard

Step 1: Create the Collection

Navigate to Content from the bottom navigation bar and tap + New Collection.

Name your collection "Products" and set the type to "Standard".

Step 2: Define the Schema

Add the following fields to your collection schema:

FieldTypeRequired
nameTextYes
descriptionRich TextNo
priceNumberYes
currencySelectYes
imagesMedia (multiple)No
variantsJSONNo

Step 3: Add Your First Product

Click + New Object and fill in the product details. Upload an image and set the price.

Congratulations! You've created your first product catalog.