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

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