Appearance
Storefront Overview
The storefront is the customer-facing side of your Shop Craft store — the online shopping experience that your customers see when they visit your domain. It is where they browse products, add items to their cart, and complete purchases.
Your storefront is available at:
https://yourdomain.comWhat the Storefront Includes
Out of the box, your storefront comes with everything a modern online store needs:
- A customizable homepage with sections you can arrange using the Layout Editor
- Product browsing with categories, search, sorting, and pagination
- A shopping cart that works even before customers log in
- A secure checkout with multiple payment options
- Customer accounts with order history, saved addresses, and wishlists
- Dark and light mode toggle for comfortable browsing
- Mobile-optimized responsive design that looks great on phones, tablets, and desktops
URL Structure
Here is a complete list of the pages available on your storefront and their URLs:
| URL | Page |
|---|---|
/ | Homepage |
/categories | All categories |
/categories/{slug} | Single category with its products |
/products/{slug} | Product detail page |
/cart | Shopping cart |
/checkout | Checkout (logged-in customers only) |
/orders/{order-number}/success | Order confirmation |
/account/orders | Customer order history |
/account/orders/{order-number} | Order details |
/account/addresses | Customer address book |
/account/wishlist | Customer wishlist |
/pages/{slug} | CMS pages (terms, privacy, about, etc.) |
/contact | Contact form |
/forgot-password | Password reset request |
/reset-password | Password reset form |
Login and Registration
Customer login and registration appear as popup modals rather than separate pages. Customers can trigger them from the header at any time without losing their place.
Responsive Design
Your storefront automatically adapts to any screen size. On mobile devices, the navigation collapses into a slide-out menu, product grids adjust to fewer columns, and the search bar expands to a full-screen overlay for easy typing. No configuration is needed — it just works.
Dark and Light Mode
Customers can switch between dark and light mode using the toggle in the store header. Their preference is saved in the browser so it persists between visits. If a customer has not set a preference, the storefront follows their device's system setting (dark or light).
Themes Change the Look
The storefront appearance is controlled by your active theme. Shop Craft ships with a default theme, and you can install additional themes to completely change the visual style of your store. Each theme can customize the header, footer, product cards, homepage sections, and more — all without changing your products or settings.
TIP
You can switch themes at any time from the admin panel under Themes. Your products, orders, and settings remain unchanged when you switch themes.
What You Can Customize
While the storefront works beautifully out of the box, you have control over many aspects through the admin panel:
| What | Where to Customize |
|---|---|
| Homepage sections and order | Admin > Layout Editor |
| Store name and logo | Admin > Settings > Store |
| Header navigation links | Admin > Layout Editor > Header |
| Footer columns and links | Admin > Layout Editor > Footer |
| Announcement bar | Admin > Layout Editor > Header |
| Social media links | Admin > Layout Editor > Footer |
| Payment method icons in footer | Admin > Layout Editor > Footer |
| Theme and visual style | Admin > Themes |
| CMS pages (terms, privacy, etc.) | Admin > Pages |
| Product catalog | Admin > Products |
| Categories | Admin > Categories |
Next Steps
- Homepage — Learn about the homepage sections and how to customize them
- Browsing & Search — Understand how customers find and view products
- Cart & Checkout — See how the purchasing process works
- Customer Accounts — Learn about account features available to your customers