> ## Documentation Index
> Fetch the complete documentation index at: https://learn.nexudus.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Store

> The browsable product catalogue where members discover and select products.

# Store

The store page is a browsable catalogue of all products available for purchase — memberships, time passes, add-on services, and physical goods.

<Frame>
  <img src="https://mintcdn.com/nexudus/pzkhrs4plV2bo6XC/images/member-portal/store.png?fit=max&auto=format&n=pzkhrs4plV2bo6XC&q=85&s=fad8f65c1a0758e5416d777cf6cc5458" alt="Store page" width="2560" height="2326" data-path="images/member-portal/store.png" />
</Frame>

## What members see

Products are displayed in a responsive grid. Each product card shows:

* **Product image**
* **Product name and description**
* **Price** (in the location's currency)
* **Out-of-stock badge** when inventory is depleted

Clicking a product card navigates to the individual [Product Checkout](./product-checkout) page.

## Filtering

| Filter           | Description                                                       |
| ---------------- | ----------------------------------------------------------------- |
| **Product type** | Filter by category — memberships, passes, products, add-ons, etc. |
| **Location**     | Filter by business location (multi-site setups)                   |

The store URL supports type-based routing (`/store/all`, `/store/:type`) so you can link directly to a filtered view.

## Key features

* **AI-assisted recommendations** — an optional AI prompt suggests products based on the member's needs.
* **Authentication awareness** — unauthenticated visitors see login/signup prompts. Non-members see relevant guidance.
* **Dynamic pricing** — prices respect location billing settings and hide when billing is not enabled.
* **Responsive grid** — card sizes adapt to screen width with configurable minimum widths and gaps.

## Configurable sections

| Setting                | Default | Effect                                     |
| ---------------------- | ------- | ------------------------------------------ |
| Show filters           | On      | Display the filter bar                     |
| Show product types     | On      | Show the product type dropdown             |
| Show location selector | On      | Show the location filter                   |
| Show description       | On      | Show product descriptions on cards         |
| Show price             | On      | Show pricing on cards                      |
| Show image             | On      | Show product images                        |
| Grid gap               | 1.5rem  | Spacing between cards                      |
| Min card width         | 300px   | Minimum card width for the responsive grid |

***

## Recommended image sizes

Products use a single image that is requested at different sizes depending on context.

| Where it appears          | Requested size | Aspect ratio |
| ------------------------- | -------------- | ------------ |
| **Store listing cards**   | 600 × 540 px   | \~1.11 : 1   |
| **Product detail page**   | 600 × 540 px   | \~1.11 : 1   |
| **Checkout confirmation** | 600 × 540 px   | \~1.11 : 1   |
| **Basket thumbnail**      | 220 × 220 px   | 1 : 1        |

<Tip>
  For the best results, upload a product image of at least **600 × 540 px** (nearly square). This covers the largest requested size without cropping. Keep the subject centred so it looks good when cropped to square for basket thumbnails.
</Tip>