Layout
In the Layout tab, you define how your prices are displayed and where the data is stored. These basic settings affect the entire price list.
Data Storage
Section titled “Data Storage”The first decision in the Layout tab concerns the storage location of your price data.
Local (ISAR)
Section titled “Local (ISAR)”| Property | Value |
|---|---|
| Storage Location | Only on the device |
| Internet Connection | Not required |
| Synchronization | None |
| Setup Effort | None |
| Costs | None |
Cloud (Firestore)
Section titled “Cloud (Firestore)”| Property | Value |
|---|---|
| Storage Location | Google Cloud |
| Internet Connection | Required |
| Synchronization | Real-time |
| Setup Effort | Firebase project needed |
| Costs | Firebase plan |
Switching Storage Mode
Section titled “Switching Storage Mode”- Tap on the desired option (Local or Cloud)
- If you already have prices created, a warning appears
- Confirm with Switch Anyway
- When switching to Cloud: The Firebase setup wizard starts automatically
Layout Type
Section titled “Layout Type”The layout type determines how your prices are visually displayed.
Compact list display with all prices listed vertically.
When to use?
- Many entries (more than 20)
- Quick overview desired
- Mobile devices in focus
Display:
- Name and price prominent
- Description optionally below
- Category as small label
Modern card view with optional images.
When to use?
- Few to medium number (5-20 entries)
- Visual display important
- Images available
Display:
- Large cards with image area
- Name, description, and price
- Badges are displayed prominently
Structured table view.
When to use?
- Direct comparison important
- Uniform data (e.g., only services)
- Desktop use frequent
Display:
- Columns: Name, Duration, Price
- Sortable by columns
- Compact display
Comparison
Section titled “Comparison”Feature comparison table specifically for subscriptions.
When to use?
- SaaS products
- Subscription models with features
- Clear differences between plans
Display:
- Plans as columns
- Features as rows
- Checkmarks/crosses for availability
Column Settings
Section titled “Column Settings”These settings appear only with layout type “Cards”.
Columns on Tablet
Section titled “Columns on Tablet”| Setting | Description |
|---|---|
| Range | 1-3 columns |
| Default | 2 columns |
| Recommendation | 2 for good readability |
Columns on Desktop
Section titled “Columns on Desktop”| Setting | Description |
|---|---|
| Range | 2-4 columns |
| Default | 3 columns |
| Recommendation | 3-4 depending on card size |
- Move the slider to the desired value
- The change is applied immediately
- The preview shows you the result
Settings Overview
Section titled “Settings Overview”| Setting | Options | Default |
|---|---|---|
| Storage Type | Local (ISAR), Cloud (Firestore) | Local |
| Layout Type | List, Cards, Table, Comparison | List |
| Tablet Columns | 1, 2, 3 | 2 |
| Desktop Columns | 2, 3, 4 | 3 |