Masonry Theme

The latest versions of our Masonry theme support Sections so the layout of the theme settings might appear quite different if you are upgrading. Please see this Shopify article for an introduction to working with sections.

FAQs

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.

What size should my images be?

This article explains more about image sizing in our themes.

Can I add other fonts?

Yes, but you will need to hire a developer to add other typefaces to your store.

How do I set up my navigation / menu ?

To learn about navigation and menus in Shopify, please click here.

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)

Does the theme support variant images ?

Yes! You can have your images swap when selecting variants, as described here.

Can I add a favicon to my theme ?

Yes! Please see this Shopify article for adding your favicon.

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 → ... → Edit language

Can I remove the powered by Shopify link from the footer ?

Yes, this can be removed in your language editor as described above.

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

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.

 

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?

Carson Shopify helpdesk:
heycarson.com
Taskhusky:
taskhusky.com
Shopify developers:
experts.shopify.com/developers

Shopify Job Board
ecommerce.shopify.com/c/shopify-job-board

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

You have no items in your cart