E-commerce

Spiritshop

4.72 ★ (6 ratings)

About this template

Overview

Spiritshop is a school-store storefront for a DECA chapter's School-Based Enterprise or Retail Merchandising project, selling spirit wear, snacks and supplies ordered online and paid for at the pickup window. Checkout collects only a first name, school email and pickup window selection, then issues an order number and a pay-at-pickup total with no online payment.

What you get

Catalog screen with category and size filters, product grid showing in-stock, low-stock and sold-out badges, product pages with variants, and a persistent cart drawer
Orders board moving orders from New to Ready to Picked up status and marking them paid
Inventory table with inline stock edits and low-stock highlighting
Products CRUD with variants
Pickup-window CRUD
Weekly sales summary showing collected versus owed amounts
Store settings
School colours and all copy customizable via CSS variables and src/content/site.ts

The signature screen

The catalog is the central shopping screen, featuring category and size filters in a left column and a product grid displaying inventory status through shape and text badges for in-stock, low-stock and sold-out items. Product pages show variants, and a cart drawer persists across page reloads.

Who it's for

DECA chapters running a School-Based Enterprise or Retail Merchandising project who want to let students order and pay offline.

Frequently asked questions

What is the Spiritshop template?

Who is the Spiritshop template for?

DECA chapters running a School-Based Enterprise or Retail Merchandising project who want to let students order and pay offline.

How long does it take to build an app with the Spiritshop template?

Timing depends on your changes and setup. Review the generated app, connect any required services, and test the core workflow before sharing it.

Do I need to code to use the Spiritshop template?

You can start with plain-language instructions. Complex behavior, custom integrations, and production troubleshooting may need technical help.

How much does the Spiritshop template cost?

This template has no separate template purchase price. Building and AI edits require builder access and available credits. Hosting and connected services may have their own costs; check current pricing and provider terms.

Can I customize the Spiritshop template?

You can request changes to the design and behavior. Review each change, complete any connection setup, and test forms, permissions, and payments that your app uses.

Review current pricing and the template inspection guide before you start.