> For the complete documentation index, see [llms.txt](https://guide.hypercape.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://guide.hypercape.com/brand-mall-studio/storefront-mall.md).

# Storefront Mall

## Storefront Mall

Storefront Mall is a public shopping page created and managed in Hypercape.\
It is not just a product listing page. It is a storefront where you can organize products, banners, reviews, guide messages, and brand content in one place.

The editor is designed so you can build the storefront step by step on one screen. First, choose the overall design, then add products, arrange the sections that will appear on the page, and finally preview and publish the storefront for visitors.

{% hint style="info" %}
In this guide, **Save** means saving your current edits as a draft.\
**Publish** means applying the saved content to the public storefront that visitors can see.
{% endhint %}

### Terms to Know First

<table><thead><tr><th width="374">Term shown on screen</th><th>Simple explanation</th></tr></thead><tbody><tr><td>Storefront Mall</td><td>A public shopping page created in Hypercape.</td></tr><tr><td>Theme</td><td>The overall design of the storefront, including logo, colors, typography, and layout style.</td></tr><tr><td>Products</td><td>The step where you choose which products appear in the storefront and decide their order.</td></tr><tr><td>Sections</td><td>Content areas shown on the storefront, such as banners, product blocks, reviews, guide messages, and footer content.</td></tr><tr><td>Preview</td><td>A feature that lets you check how the storefront will look before visitors see it.</td></tr><tr><td>Save</td><td>Saves your current edits. Saving alone may not update the public storefront yet.</td></tr><tr><td>Publish</td><td>Applies the saved content to the public storefront that visitors can access.</td></tr></tbody></table>

### Basic Creation Flow

| Step     | What you do                                           | What gets saved                                                             |
| -------- | ----------------------------------------------------- | --------------------------------------------------------------------------- |
| Theme    | Choose the basic design of the storefront.            | Logo, colors, typography, and page layout.                                  |
| Products | Add products to sell or introduce.                    | Selected products, product order, visibility, and product notes.            |
| Sections | Organize the content areas shown on the public page.  | Banners, text, reviews, product blocks, links, and visible/hidden sections. |
| Publish  | Preview, review, and open the storefront to visitors. | The final public version of the storefront.                                 |