← Volume theme

Getting Started

Theme Setup

Theme Settings

Navigation

Products

Collections

Icons

Sections

Image Grid

The ‘Image grid’ section lets you display an image grid. Images are uploaded and stored in a page metafield, which you’ll need to select in the section settings.

Step-by-step instructions are provided below.

Step 1, create the metafield:

1. Open your Shopify admin.
2. Go to Settings → Custom data → Pages.
3. Click ‘Add definition’.
4. Enter ‘Gallery’ as the metafield name, resulting in the custom.gallery metafield name.
5. Select the type ‘File’ with ‘List of files.’
6. Click ‘Save.’

Step 2, create a page with a name that associates with the gallery, such as ‘Project X Photos’. Scroll down to the newly created ‘Gallery’ metafield and fill it with photos.

Now, add the Image grid section to any template, and select the created page.

Store Selector Feature

The Store Selector lets you set up multiple retail or warehouse locations and link them to your Shopify store’s official Locations. This helps customers quickly see product availability and discover useful location-specific details like operating hours, pickup options, or directions.

Step 1: Set Up Shopify Locations

Before using the Store Selector, make sure your Shopify Locations are fully configured. These represent the physical places from which you fulfill orders or offer pickups.

To set them up, refer to Shopify’s official documentation: Shopify Locations Setup

Once your locations are ready and live, you can start configuring the theme’s Store Selector.

Step 2: Add the Store Selector Drawer

1. Scroll to the bottom of the left-side theme editor panel.
2. Find the Overlay section group.
3. Add the Store selector drawer section.

Each Store block inside this drawer corresponds to one Shopify Location.

<aside> ☝🏻

The Store name field must exactly match the name of the location in Store settings → Locations.

</aside>

You can also optionally add:

• Address
• Image
• Details like business hours or additional info

Step 3: Add Store Selector to Navigation

Header

Enable the checkbox under the Store selector heading.

Menu Drawer

1. Go to the Overlay section group.
2. Add the Store selector block inside the Menu drawer section.

Step 4: Add Pickup Availability Widgets

Product Cards

In any section or block that displays product cards, enable the Show pickup availability checkbox.

Product Template

Add the Pickup availability block inside the Product overview section.

Colors

Go to Theme settings → Color scheme and adjust the colors under the Pickup availability heading.