The latest versions of the Masonry theme (3.0.0 or higher) support sections - please see this Shopify article for more details. ​Should you need guidance with an earlier version, please feel free to drop us a message.

General Settings

Theme Styles

For a quick way to get started with your theme settings, select a preset matching one of our four Masonry demo stores: Chameleon, Coyote, Dragonfly or Flamingo. This will include the demo stores styles - fonts, colours and shared page settings - but will not replace any sections already added to your homepage.

Product grid

Use the Show quick view option to show the product options in a pop-up window without taking the user from your homepage or collection pages.

You can change the 'Sale' / 'Sold' sticker position by changing the Overlay label location setting.  

The Masonry theme also includes the option to show a low inventory label (for items with a single variant) or your own label text.  To specify your own text, give your product a tag in the format: meta-label-YOUR LABEL TEXT! (Please note commas are not supported). There is only space for one label to show at a time. The Sold Out label has the highest priority, followed by the Sale label then low stock and finally the custom tag label option.

Use the Specific product thumbnail ratio settings to keep all of your product images on your homepage and collection pages in an even grid - choose the best Thumbnail image ratio option for your inventory.

Supersize some product images in your homepage and collection page layout by adding the tag "meta-image-large" to the product.  Warning: We don't suggest using this together with the fixed product thumbnail size setting as it will result in large gaps in your product thumbnail layout.

Search

Change whether pages and blog articles are included in searches on your site, or if your searches should only return product results.

Static Sections

Header

Masonry doesn't use dropdown menus, but instead has two options for the Child navigation style on desktop - choose from 'Inside' to show tiers within the same menu pane, or 'Flyout' to show the second tier in an overlay panel on top of the main content.

Show a text message in the fixed header across your whole site and link it to any page, product, blog article or collection on your store.

Footer section

There aren't any settings for the 'Clean Themes' / 'Shopify' messages, however you can easily edit these or remove them altogether in your language editor.

Dynamic Homepage Sections

Custom content

Use this section to create rows of completely customisable content - include rich text, images, videos or even custom HTML up to three per row - and just add more sections if you need more content!

Blog posts

Don't forget to use blog excerpts for each of your articles to control how much text or image content shows on the homepage.

Context Sensitive Sections

Some theme settings won't show until you're on the page in the theme editor preview window to which they relate - product, collection and blog settings all fall into this category.

Product page

Choose whether to show VendorSKUProduct type or tags on your product pages and toggle your collection related products on or off.

Collection page

Activate Infinite scroll to automatically load more content as the user nears the end of the page - ideal for browsing large inventories.

Include up to two special tag filters on your collection pages - simply enter a title, plus the tags to enter under each filter heading.

Blog page

Choose how wide your articles are shown and how much spacing is left between them.

 

Continue shopping
Your Order

You have no items in your cart