Skip to main content

How to customise your Storefront appearance

How to set up and customise your Storefront website.

Your Storefront is the public website where customers learn about your business, choose storage, and book or pay online.

This article explains how to customise your Storefront layout, page content, settings, and unit type display from your Stora Backoffice.


How to update your Storefront appearance

Use the Appearance section to update the main branding and visual settings for your Storefront.

  1. Select Online Store in the sidebar.

  2. Open the Appearance section.

  3. Update the settings you want to change.

  4. Click Save changes.

In the Appearance section, you can update:

  • Logo: The logo shown on your Storefront.

  • Font: The font used across your Storefront.

  • Share image: The image shown when your Storefront is shared on social platforms or messaging apps.

  • Favicon: The small icon shown in browser tabs.

Once saved, refresh your Storefront to check how the changes look.

šŸ’” To update the colours on your storefront, please get in touch with our support team, and we will do it on your behalf.


How to change your homepage layout

You can choose from different homepage layouts for your Storefront.

  1. Select Online Store in the sidebar.

  2. Open Pages.

  3. Find the Home row in the Store Pages section.

  4. Go to the Intro section.

  5. Choose your preferred Layout option.

  6. Click Save changes.

  7. Refresh your Storefront to see the updated layout.

Once saved, your homepage will use the layout you selected.

šŸ’” Use the "Preview layout" button to see what the layout looks like.


How to update Storefront page content

You can edit the content on your Storefront pages, including your homepage, terms page, privacy page, and custom pages.

  1. Select Online Store in the sidebar.

  2. Open Pages.

  3. Find the page you want to update.

  4. Click Edit next to that page.

  5. Update the content in the form.

  6. Click Save changes.

You can also create custom pages if you need additional Storefront content. For more information, check out this article.

Some site-specific page content is managed from your Site edit forms.


How to change your unit type display

You can choose whether unit types appear in a List or Grid view on your Storefront.

  1. Go to your Backoffice.

  2. Open the relevant Site and click the Edit site button.

  3. Go to the unit type display settings under Site page.

  4. Choose either List or Grid view.

  5. You can also choose your unit type order:

    1. Price: low to high

    2. Price: high to low

    3. Size: small to large

    4. Size: large to small

  6. Save your changes.

Once saved, your Storefront will use the unit type display and order you selected.

Below, you can see an example of how these look:

List view

Grid view


How to view your Storefront

You can quickly open your live Storefront from your Backoffice.

  1. Go to your Backoffice.

  2. Find Online Store in the left-hand sidebar.

  3. Click the eye icon next to Online Store.

Your Storefront will open in a new browser tab. Refresh the page if you have recently saved changes and cannot see them yet.

Did this answer your question?