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.
What Is Included
A fully working shop app with real screens wired together. Customize the catalog, branding, and content, then publish.
Screens and Flows
Components Used
Every screen is built from real Struklio components:
How to Use This Template
Pick the template in the app
- Open the Struklio app → Create Your Project → select E-Commerce.
- The full project with all screens loads instantly.
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
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
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
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.
Publish
Follow the Going to Production guide to build and submit your app.
What to Consider Before Publishing
Apple App Store Requirements
Every product needs a real name, price, and photo. Apple will reject apps with placeholder content or empty screens.
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.
Required. Your app collects email, name, and order data, so disclose it clearly.
Provide a test account in the review notes so Apple can navigate the full shopping flow, including checkout.
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
For launch, publishing support is App Store only. Google Play guidance will be added soon.
General Publishing Tips
Spend extra time on photo quality and consistent framing. This is what converts browsers into customers.
Nothing frustrates customers more than an order that can't be fulfilled. Update stock in Admin Product Manager as it changes.
Make sure your store can realistically handle in-person pickup for every order - there is no shipping option in this template yet.
Use them for order confirmations and "your order is ready" alerts. Configure notification keys during the build step.
For launch you only need an Apple Developer account ($99/year). Google Play support is coming soon.
Before full launch, share the TestFlight link (iOS) with a few regulars and get feedback.
Use your store name. Do not stuff keywords and keep your listing clear.
New arrivals, restocks, or seasonal collections keep customers opening your app.
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.
Head to Support for guidance.