Tap to add photos JPG · PNG · WEBP · HEIC — tap again to add more
Product Details
👖 Baggy Pants Measurements
Enter comma-separated values for each measurement option.
Existing Products
No products yet. Add one above.
🖼 Lookbook Manager
Manage the full-screen hero slideshow. Drag to reorder. Click ✕ to remove.
Slide interval:
· Overlay text:
☁️ Cloud Setup (Required for Live Site)
⚠️ Cloud not configured — data is stored locally only (not visible to customers)
Connect Supabase (free database) + Cloudinary (free image hosting) so your photos and products are visible to everyone worldwide. → Get Supabase free ·
→ Get Cloudinary free
STEP 1 — Supabase (Database)
1. Go to supabase.com → Sign up free → New Project
2. Go to SQL Editor and run this SQL to create your tables:
create table zyn_products (id bigint generated always as identity primary key, data jsonb, created_at timestamptz default now());
create table zyn_media (id bigint generated always as identity primary key, url text, type text, sort_order int default 0);
create table zyn_orders (id bigint generated always as identity primary key, data jsonb, created_at timestamptz default now());
create table zyn_config (key text primary key, value jsonb);
-- Allow public read/write (since admin password is in the app)
alter table zyn_products enable row level security;
alter table zyn_media enable row level security;
alter table zyn_orders enable row level security;
alter table zyn_config enable row level security;
create policy "public all" on zyn_products for all using (true) with check (true);
create policy "public all" on zyn_media for all using (true) with check (true);
create policy "public all" on zyn_orders for all using (true) with check (true);
create policy "public all" on zyn_config for all using (true) with check (true);
3. Go to Project Settings → API → copy Project URL and anon public key → paste above.
STEP 2 — Cloudinary (Image Hosting)
1. Go to cloudinary.com → Sign up free
2. Dashboard → copy your Cloud Name → paste above
3. Settings → Upload → Add upload preset → set to Unsigned → Save → copy preset name → paste above
STEP 3 — Done!
Click Save & Connect above. The page will reload. Upload a photo — it will now be visible to everyone! 🎉
💳 Payment Settings
💳 Razorpay Integration
Get your key from razorpay.com → Settings → API Keys. Use rzp_test_ for testing, switch to rzp_live_ when going live. Your Netlify domain must be added to Razorpay's allowed origins.