Local - Homepage
Dynamic homepage sections
Local's homepage sections are dynamic, which means you can add as many of them as you want and rearrange them in the sidebar to create a unique storefront layouts — with the exception of the Banner, Announcement and Header, which are fixed design elements.
When you install your theme it will have several dynamic sections enabled already. These are merely suggestions for how you might structure your homepage.
If you want to create a new section, click Add section and find it on the list. If you don’t want to include a section, delete it by clicking the delete button at the bottom of each section.
Like a traditional shop window, Local’s Banner section is the entry point to your store and is designed to introduce customers to your brand values or a promotion before they 'enter' your store.
You can customize your Banner with a full-width background image combined with a foreground image, illustration, or text. You can position your foreground element to align left, middle or right to suit your background image.
Local's Announcement bar lets you easily communicate important messages to your customers such as store promotions, discounts, sales and shipping information. You can customize this banner with an optional icon (PNG recommended) and select a background color in the General Settings > Colors
Image with text
This section allows you to display images and text across multiple columns. Easily create content in columns for sections like 'How it works', 'Featured in', 'Brands' and 'Staff profiles'.
Image with text overlay
Use these sections to create a unique vertical rhythm for your storefront using a combination of images, video and text. You can position text to align left, right, middle or bottom to suit the aspect ratio of your image. For landscape images middle and bottom work best, and for portrait images left and right positions work best.
To add a collection of products to this section, you will need to have created a collection in your store admin. For more information, read Shopify's guide to setting up Collections
Featured collections are great for showcasing new, seasonal or promotional product collections. If you want to include a collection image, upload a Collection image set in your store admin, shown below.
By default, blogs are displayed chronologically unless a tag is specified such as “upcoming event” or “current”. This allows you to curate content beyond the date published, shown below:
Promote blogs by tags
You can curate specific posts to the storefront using tags. For example, if you have an upcoming event and want promote it, you can pin this to the top, regardless of the date the article was published. To do this, tag the blog articles you wish to promote and reference the tag in the theme settings, shown below:
Local’s Service List section allows you to create sleek, text-based lists for in-store products and services such as price lists, cafe and restaurant menus and more. The lists can be style in two different ways — one with a description and one without. See below:
Include a Service List on any page
You can also include a Service List on a static page. First you'll need to assign the service list page template to the page in your store admin. Once you've assigned the template, navigate to that page in the Theme Editor and a Service List section will be available customize.
Read more about Local's different Pages and Page Templates
Gallery and Instagram feed
The Gallery section allows you to create a gallery of images populated by an instagram feed, or manually uploaded images.
If using Instagram, you will need to create an access token for your feed due to Instagram's API policies — this will also ensure your feed displays with a large volumes of traffic to your store.
In addition to the Contact Button in the header, Local's Map section allows you to add your store information to your home page. To include a map in this section, add your address into the General Settings > Physical store. You can choose between three map styles to suit your store; standard, dark and grayscale.
Alternatively, if you'd like to use an image instead of a map, simply upload a custom image in in the section settings.