Masonry Theme


How do I get the latest theme version?

Previous purchasers can get a FREE download of the latest theme version for the same store for which it was bought. This Shopify article explains more. Versions released from 16th March 2018 include 4 new home page section types.

Can I change the payment icons?

Payment icons are pulled directly from Shopify based on your payment settings.

How many tiers are there in the theme's navigation?

Masonry supports up to three tiers of navigation in two different styles on desktop - 'Flyout' (as seen on Flamingo) and 'Inside' (per our Coyote demo store)

Can I change the Shopify and Clean Themes text in the footer?

Yes, you can change static text labels in your store in the Language Editor

What size should my images be?

This article explains more about image sizing in our themes.

How do I make my slideshow images smaller?

Our images will always scale horizontally to fill the width of your site, but you can alter the amount of screen your slideshow occupies by adjusting the relative height of your images. A portrait or square image results in a really tall slideshow. A thin letterbox image creates a compact slideshow. Don't forget to make your images consistent across all slides!

Can I shorten blog articles on my homepage?

Yes, create a summary by clicking on the Add Excerpt link below your blog article content.

Can I add other fonts ?

Yes, but you would likely need to hire a developer to custom write code for your store.

How do I change "Add to cart" to "Buy now ?

You can change nearly all text labels in your store by going to Online Store → Themes → Actions → Edit languages

Can I add a contact form ?

Yes. This will send an email containing the contact information to the store's owner. To use it, create a normal page, like you would for an About Us page, for your contact form. After creating and saving this page, you will see a new drop down appear to allow you to select the contact template for this page.

Masonry Theme Settings

Our documentation is for the latest theme versions - 3.4 and above. Should you need guidance with an earlier version, please send us a support request via the contact form.

General Theme 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.


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

Static Sections


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 an announcement 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.


Support Hours

Mon - Fri (except holidays)
09:30 to 17:00 GMT

Please allow 24 hours for our response.

Email us

Looking to customise your theme?


Shopify Job Board

Step by step guide to setting up Shopify
Continue shopping
Your Order

You have no items in your cart