TemplatesE-Commerce
Template

E-Commerce

Built for selling physical products and goods - apparel, footwear, accessories, home goods, and anything else customers can browse, buy, and pick up from their phone.

ApparelFootwearAccessoriesHome GoodsGifts
01

What Is Included

A fully working shop app with real screens wired together. Customize the catalog, branding, and content, then publish.

Screens and Flows

ShopHome screen with a hero banner and product catalog grouped by category
Product DetailPhoto, price, color/style variants, sizes, and add-to-cart with stock-capped quantity
CartReview items, adjust quantities, see totals before checkout
PickupConfirms in-store pickup and shows your store address - no shipping, by design
CheckoutFinal order review and confirmation
OrdersOrder history and status for the signed-in customer
ProfileCustomer account settings and preferences
Sign InEmail, Apple, and Google authentication
Sign UpNew customer account creation
Verify EmailEmail verification step after signup
Admin DashboardRevenue, orders, and store status overview for the owner
Admin ProductsManage the product catalog, stock, and pricing

Components Used

Every screen is built from real Struklio components:

02

How to Use This Template

01

Pick the template in the app

  • Open the Struklio app → Create Your Project → select E-Commerce.
  • The full project with all screens loads instantly.
02

Build your catalog

This is the most important step - it is what your customers will buy from.

  • Products - Open Admin Product Manager and add each product: name, price, category, and a real photo
  • Variants - If a product comes in multiple colors or styles, add an option per color with its own photo - one photo can't stand in for another color
  • Sizes - Add sizes as a comma-separated list (e.g. "S, M, L, XL") if relevant
  • Stock - Set an accurate starting stock count for each product; it is reduced automatically as orders come in
Tip: Good product photos make a huge difference. Use a plain background and consistent lighting across your catalog.
03

Replace business details

  • Store name and logo - update in the header, onboarding, and profile screens
  • Store address - set it under opening hours settings; the Pickup screen reads it from there
  • About and profile content - tell customers who you are
04

Adjust styling to your brand

  • Change primary color to match your store branding (defaults to pink, #DB2777)
  • Swap fonts if you want a different feel
  • Adjust card styles, spacing, and corner radius on the Shop and Product Detail screens
  • Review everything live on your phone
05

Test the shopping flow end-to-end

Walk through the app exactly as a customer would:

  • Open the app and browse the Shop catalog
  • Tap a product, choose a color/size if available, and add it to the cart
  • Open the cart and adjust quantities
  • Confirm pickup at your store
  • Review and confirm the order at checkout
  • Check the order appears in Orders with the right status
  • Sign in as the admin/owner and check Admin Dashboard and Admin Products

Fix anything that feels wrong before publishing.

06

Publish

Follow the Going to Production guide to build and submit your app.

03

What to Consider Before Publishing

Apple App Store Requirements

Complete content

Every product needs a real name, price, and photo. Apple will reject apps with placeholder content or empty screens.

Screenshots

Capture 6.7" and 5.5" screenshots showing the shop grid, product detail, and cart. These are the first thing customers see on the store.

Privacy policy

Required. Your app collects email, name, and order data, so disclose it clearly.

Review login

Provide a test account in the review notes so Apple can navigate the full shopping flow, including checkout.

Pickup-only disclosure

For launch, this template only supports in-store pickup - there is no shipping/delivery flow. State this clearly in your app description so customers aren't surprised at checkout.

Google Play Store

Coming soon

For launch, publishing support is App Store only. Google Play guidance will be added soon.

General Publishing Tips

Product photos are your storefront

Spend extra time on photo quality and consistent framing. This is what converts browsers into customers.

Keep stock counts accurate

Nothing frustrates customers more than an order that can't be fulfilled. Update stock in Admin Product Manager as it changes.

Only pickup, for now

Make sure your store can realistically handle in-person pickup for every order - there is no shipping option in this template yet.

Push notifications

Use them for order confirmations and "your order is ready" alerts. Configure notification keys during the build step.

Developer account

For launch you only need an Apple Developer account ($99/year). Google Play support is coming soon.

Test with real customers

Before full launch, share the TestFlight link (iOS) with a few regulars and get feedback.

App name

Use your store name. Do not stuff keywords and keep your listing clear.

Update regularly

New arrivals, restocks, or seasonal collections keep customers opening your app.

04

Customize Further

This template covers the full retail shopping use case, but you can extend it:

Remove screens you do not need, or add a Cart/Menu component from the Restaurant template if you also sell food alongside your products.

Need help?

Head to Support for guidance.