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.

Can I add a contact form?

Yes. This will send an email containing the contact information to the store owner. To use it, create a normal 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.

How do I create a story page?

Create a new page using the page.story template then head into the theme editor to add in your additional content to the page. You can see this in action on our Coyote demo store. (versions after 3.7)

How many tiers of navigation can I create?

Masonry supports up to three tiers of main menu navigation using 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.

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.

Masonry Theme Settings

Our documentation is for the latest theme versions. 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! (commas are not supported). There is only space for one label to show at a time. The Custom label has the highest priority, followed by the Out of Stock label then Low Stock and finally the Sale 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 tile size, spacing and thumbnail image ratio for your product shots.

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 drop-down 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

Show a small footer menu and, if you wish, add additional column footer menus

Edit or remove the Theme by and Shopify text in your language editor.

Dynamic Homepage Sections

Design your own home page layout - you choose what to add and set the order. 

Custom content

Use this section to create rows of completely customizable 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, cart and blog settings all fall into this category.

Product page

Choose whether to show vendorSKU, product type or tags on your product pages and toggle your collection related products on or off. Add a link to a size chart too.

Collection page

Activate infinite scroll to automatically load more content as the user nears the end of the page - ideal for browsing large inventories. (Please note, infinite scroll is not compatible with product reviews)

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?

Hire a Taskhusky developer link

Amazing recommended apps:

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

You have no items in your cart