The Masonry Shopify theme is a contemporary, grid-inspired design that places your products both front and center. It enables you to showcase numerous goods, articles, or promotions using a grid-style design.
You can also display several photos of brands or goods on your homepage. This theme contains a special sidebar that was created especially for savvy customers and store owners in response to popular demand.
Fully responsive design (for gorgeous presentation on all device sizes), wonderful possibilities for displaying collections and products, multi-tier navigation, personalized stickers, and much more.
Introducing The Masonry Shopify Theme
You can discover the ideal theme for your eCommerce website and modify it using the help of the Clean Canvas team to suit your needs. You may get ideas, learn about fashion, and launch your brand using Clean Canvas themes.
One theme that is well-liked by retailers is Clean Canvas' Masonry Shopify theme. In response to feedback, the Masonry Shopify theme comes with a special sidebar made for clever customers and store owners.
The theme offers a completely responsive layout, wonderful choices for displaying collections and products, custom stickers, multi-tier navigation, and much more.
What Is The Masonry Shopify Theme?
Masonry Shopify theme is a mobile-first theme with a modern aesthetic that is available in four stunning variants. Masonry theme simply enhances the uniqueness of your items, which are the show’s true stars.
This theme's collage-style layout enables you to showcase numerous items, posts, and promotions in an arresting grid-style display that is guaranteed to attract your audience’s attention.
The Masonry is a contemporary grid-style design. Your store is highlighted with this Shopify theme. There are four styles of the Shopify Masonry theme. These are:
Masonry uses a grid-style layout to display numerous goods, posts, or advertisements. Another feature is the theme's limitless scrolling. As customers scroll down the website, products will automatically populate on the same page.
The following Clean Canvas theme, Masonry, aids fashion companies in designing a posh storefront for their internet clients. Masonry Shopify theme is an OS 2.0 Shopify theme that offers a variety of design options to bring the goods to life.
Why Masonry Is One Of The Top Shopify Themes For Clothing
All of your clients, from casual browsing, to impulse buys, will be drawn to Masonry. For customers, the quick buy functionality is convenient for adding items to the shopping cart without having to leave their current page.
Products page via Masonry theme
Customers who can't get enough of your products will appreciate the endless scroll option because products will load immediately on the page they're currently viewing.
Masonry Theme Features
Header section
Navigation
Masonry allows up to three levels of the main menu navigation, which are displayed on the desktop using the "Flyout" and "Inside" animation styles, respectively.
Promotions bar
To advertise your newest deals, add an announcement bar to the top of the Masonry Shopify theme website. You can customize the bar's color and add a link about a specific offer or product page.
Promotional links
You can include marketing links at the bottom of the navigation in the form of buttons. The perfect place to include calls to action like "SALE NOW ON" and "OUR STORY".
Language and currency display options
You can find these choices in some of the themes in the spaces below:
- Header (by scrolling down towards the bottom)
- Announcement bar (it might be available if you're using the canvas themes that have a section for it)
- Footer (to access the footer section, scroll to the bottom and click on it)
Homepage sections
To set up this page simply click on "Add Section" while viewing the home page of your store in the theme customization area to see the whole list of home page parts that are available.
Homepage preview via Masonry theme
Sections on the homepage can be added, hidden, or rearranged to best suit your business. You can select the order in which your homepage displays blog posts, goods, collections, photos, text, videos, and slideshows.
The slideshow section
Image Sizes
Utilize pictures that are all identical in height, as advised (and overall aspect ratio).
Image Overlays
To make your overlaid text stick out, you may add an overlay color and change its opacity, which is perfect for displaying text on photos with a wide variety of colors.
Blog posts
Remember to use blog snippets for every one of your posts to limit how much text and visual information appears on the site.
Custom Content Section
If you need additional content, simply add more sections. Use this part to build rows of entirely customizable content. Include Rich text, images with text overlays, videos, or even bespoke liquids, up to three per row.
Collection page
On this webpage, you must either open a collection from the theme editor or choose the collection page using the dropdown menu at the top in order to change your collection page.
The Collection title, Collection description, and Product grid static sections are available in the Masonry Shopify theme to alter the collection pages' layout.
Collection page via Masonry theme
To activate this function, you must update your theme if it dates back to before August 2021.
There are several storefront filters by default in OS 2.0, and you may also design unique filters specifically for your collections.
SEO (Search Engine Optimization)
Are you ready to begin appearing in search results? Masonry Shopify theme comes with SEO features to help clients find your store online.
Layout
Mobile adaptation
The same total number of products will appear on mobile as they do on desktop, but you may choose to display them as either 1 or 2 products/row. Due to the limited space on mobile devices, more rows cannot be displayed.
Sort and filter collections without refreshing the page
When you require a page refresh to see all items as results after filtering, products will load effortlessly.
Promotional cards (Mode only feature)
This gives a fantastic approach to flaunting and expressing your thematic creativity. You can display significant information, such as the launch of a new product, or simply some photographs that can provide content for your social media accounts.
Background video section
The "Background Video" option allows you to display important text with a video playing in the background to showcase your brand and give the page some life and motion.
Similar to the "Image with text overlay" or "Slideshow" sections, this section allows you to add a link from another page and a large overlay of text. Use the "overlay text" options in the settings where you can add your text, which will automatically resize to fit and float over the video.
The video for this section will play silently on repeat while it is being displayed in the background. It's ideal to let your customers decide when to activate the audio if you require it in your video. For situations when you require audio to be on by default, we advise using the alternate "Video" section.
It also supports videos from YouTube and Vimeo.
Page speed
How long does it take you to scroll through your homepage from top to bottom? It's preferable to avoid overcrowding the homepage with the material.
Rather make it seasonal to fit the season, and switch out content rather than stacking it if you're aiming for speedier load times. Fresh homepage material will attract more visitors to your business.
Sidebar menu via Masonry theme
Although they take some time to load, videos and images are excellent ways to showcase the website. So, if you want to try to increase your speed score, think about cutting back on some of your content portions.
Add fewer product rows on your home page, for instance, as these take time to render and serve customers.
Product reviews
Also on your home page, product pages, and collection pages, the themes have code pre-built to accommodate the Shopify Product Reviews app.
The theme would retrieve these reviews so you can display them in your store using the free Shopify reviews app. Some of the themes allow you to toggle these reviews using the theme's settings.
You can discover a setting to show or conceal your product reviews by going to Admin > Online store > Navigating to a product, collection page, or relevant part on the home page.
To get assistance with integration or other problems, you must contact the specific support team of any additional third-party apps you intend to utilize.
From the list of apps on your store, you can reach out to the creators directly: Select "Get Support" next to the right app in Shopify Admin > Apps.
Collection List And Sub Collections
The URL www.example.myshopify.com/collections/ contains a page called "Collection listing" that lists all of your store's collections in one view.
Additionally, you may utilize the "collection-listing" template we provide to build extra collection listing pages that just display a portion of your collections.
Go to Admin > Online store > Pages if you've already published our theme. When you click "Add page," the option for "collection-listing" should appear in the dropdown menu for the page template. You should then use this page to construct a menu displaying the collections you want to display.
Languages and Translations
On this page the question "Does your theme facilitate selling in several languages?" is asked of themes.
Still, there are some other elements of this question that you might not be aware of as well. We'll talk about them below.
Which Languages Are Available For Your Theme?
Currently, only the following languages are supported by all of the Clean Canvas themes:
- Danish, Spanish, Italian, Portuguese (including Brazil), English, German, Dutch, and other languages
Languages like Japanese, Hebrew, Chinese, and any others not mentioned above are not supported at this time.
Additional Masonry Shopify Theme Features
- Collage-Style Design - Display many items, articles, or promotions using the Masonry Shopify theme arrangement;
- Slideshow - Display a variety of brand or product photos on your homepage;
- Sidebar menu - Includes accordion-style navigation in your sidebar to make it simple to see your collections and goods;
- Products quick view - Customers can view product information in a popup without leaving their current page;
- Infinite scrolling - As the products load automatically on the same page, you can scroll between them;
- Quick Buy - Make it simple for clients to add goods to their carts without leaving the page they're on.
Masonry - Pricing
The Masonry Shopify theme costs $240 and comes with Clean Canvas support. Masonry provides any store with value, therefore, the cost is reasonable.
You have unlimited access to utilize the theme on a single storefront. You are under no obligation to follow this theme or to pay any ongoing fees.
Masonry Theme - Support
The Canvas Support team covers help with Masonry Shopify theme settings and other aspects of the original theme available from their helpful staff. You can get help with debugging, installing, or removing custom-coded applications.
| Support | Description |
|---|---|
| Resolving group availability | Weekdays from 09:30 to 17:00 GMT (aside from public UK holidays) |
| Reply time | Usually within 24 hours (Monday - Friday) |
Although they are unable to provide telephone support for themes, you might want to check the discussion board. Please be aware that support does not extend to installs or troubleshooting apps or custom-code your theme.
Final Thoughts
Every online store needs to have a distinctive theme that is responsive. To increase sales, your store's theme needs to be user-friendly, adaptable, and mobile-friendly.
As a result, we have looked at the Masonry Shopify theme that you can select to create your online store.
A well-liked theme among retailers, Clean Canvas' Masonry Shopify theme has a special sidebar created just for savvy customers and store owners.
The theme offers a completely responsive layout, and wonderful choices for displaying collections and products, custom stickers, multi-tier navigation, and much more.
