Storage App Templates
Each page within the storage app has its own template to display that page's content.
Where to save template files
Template files will go in a folder that has the same name as the app instance key. For example, if the storage app instance key is "storage" then you would put all of your template files within the storage folder inside the templates folder.
If your theme was called "Custom" then this would be an example folder structure:
- themes
- custom
- theme.json
- templates
- home.twig
- one-column.twig
- two-column.twig
- storage
- account.twig
- account-edit.twig
- account-login.twig
- account-password-reset.twig
- account-payment.twig
- account-register.twig
- group.twig
- grouops.twig
- home.twig
- location.twig
- locations.twig
- rent.twig
- rent-type.twig
- search.twig
- search-results.twig
- type.twig
- types.twig
- unit.twig
- units.twig
- custom
General pages and their templates
Below is the list of app pages and the name of the template file that you should create.
Storage home
The storage home page is often used to show locations or units.
Template name: home.twig
Group Detail
This page shows the full details for an individual unit group. Groups are an optional way to organize storage units at a location. They could be a building, floors, or anything else. Groups are assigned to a location and units are assigned to the group. This page includes the location the group is assigned to an an array of units assigned to the group.
Template name: group.twig
Group List
This page shows a paginated list of unit groups.
Template name: groups.twig
Location Detail
This page shows the full details for an individual locations. Locations are the top level item of organizing units. The page includes the groups and types that are assigned to the location.
Template name: location.twig
Location List
This page shows a paginated list of locations.
Template name: locations.twig
Rent a Storage Unit - Step 1
The first step of renting a storage unit. This page is where the customer chooses the date to start the rental agreement and can view the rental fees.
Template name: rent.twig
Rent a Storage Unit Type
Instead of selecting a specific storage unit, the customer could choose a storage unit type to rent and the system automatically will assign the next available unit within that type to them. The customer chooses their start date and can view rental fees.
Template name: rent-type.twig
Search
The search page can be used to show the search form to search units. Alternately you can use the Search Form API to embed the search form on other pages.
Template name: search.twig
Search results
The search results page can show the results of a unit search. It can show a paginated list of matching units.
Template name: search-results.twig
Type Detail
This page shows the full details for an individual unit type. It includes an array of units that are assigned to this type. Types are the way to set the size of the storage unit and its price.
Template name: type.twig
Type List
This page shows a paginated list of unit types.
Template name: types.twig
Unit Detail
This page shows the full details for an individual storage unit. It includes details about the location, group, and unit type that the unit is assigned to.
Template name: unit.twig
Unit List
This page shows a paginated list of storage units.
Template name: units.twig
Account pages
Public users can log into the website to manage their account and storage unit rent subscriptions. Below is the list of account specific storage app pages.
Log in
This is where they will log into their account.
Template: account-login.twig
Account details
This page is the landing page for the account. It's where they go when they log in if they weren't coming from a password protected page or another page that requires a login. If they were coming from a password protected page or another page that requires a login, then they would be redirected back to that page.
Template: account.twig
Edit account
The account edit page shows a form that allows an account holder to update their profile and login information.
Template: account-edit.twig
Password reset
This page allows the account holder to request a password reset if they are having trouble logging in.
Template: account-password-reset.twig
Registration
Shows a form to allow new account holders to register themselves.
Template: account-register.twig
Update Payment Information
Shows a form to allow the account holder to update their payment information. This should only be used if the site uses a payment gateway like Stripe that supports securely storing credit card information.
Template: account-payment.twig