Shopify is insanely getting popularity around the world, and when it comes to building the storefront, we look for the Shopify theme that could fulfill our needs. Merchants need to cover many things from the color scheme that matches the brand and products or smooth and flawless customers experience. Shopify theme development process also involves following the Shopify LIQUID HTML coding standard. One of the latest changes was related to Shopify sections which would bring better UX during Shopify store building process. SellerSmith team took seriously on solving merchant’s problems and excited to introduce you Nivellia - Shopify section based theme coming with 03 default styles.
Nivellia Shopify theme has been built with 03 color schemes naming as Black, Nudy, and Neon. Each color scheme variation will match certain product niches giving Shopify experts more freedom to create the website for a client. SellerSmith team tried not to design in the “niche way,” so they avoid narrowing the customer's market. The functionality across 03 Shopify themes styles are the same: so it will save your time on “learning curve.” Designing Shopify theme is also good to make the boundary with Shopify apps. That also means that each built - in theme feature is considered as the part of the theme not related to Shopify Apps.
Behind that layout you can see following section elements:
To execute this layout in addition to the previous layout following Shopify sections have been used:
The Nivellia layout is a quite flexible, in the case with Nudy style following sections have been used:
Thanks to introduction Shopify sections in late October 2016, as you can see SellerSmith theme has section support, so new Shopify users can easily customize the shop storefront effortlessly. Since Nivellia has 03 styles, you can quickly change to each other via “Change theme style.”
The overall layout is divided with 04 parts including Top bar, header, body and footer. Special attention deserve the Top bar area because you can place custom menu, currency conversion or custom HTML. The latest one is especially in need if your client want a deep customization.
As mentioned earlier Shopify sections deserve special attention because it gives the full freedom to web designers to edit the theme layout. We’ll outline some section structure so you get better understanding Nivellia possibilities:
These 2 section types are quite flexible and gives web designers more freedom to customize the theme. Let’s take a look at the Custom Content section.
Inside the Custom content section you can find 8 other container elements. It includes Text, Image, Video, Product, Products, Collection, Instagram Feed and Custom HTML. Each of those element you can set “container width” which will layout on the row perfectly.
Now, let’s go further with Masonry content section element. The image below shows you the real implementation of Masonry layout on the home page. As the masonry element, you can use Image, Product or Custom Content. The custom content is custom HTML, so you can put whatever your imagination comes with storefront building.
When the customer is close to buying the product and land on the product page, there are the frequent needs in defining the product size. Nivellia theme designed in the way that there is the text link called “Size Guide” and modal window appear when it’s activated.
When you click on “Size chart” text link the modal window will be opened.
The content of the Size chart might be any Shopify pages. It’s well placed via the Shopify Customizer settings. You can see how intuitively it’s organized on the Product Page. You can see how it’s implemented via live demo page of product with Size chart.
The megamenu is the part of Shopify themes and in the case of Nivellia it’s built in the theme itself.
To build the menu above is really simple and here is how it looks indeed. SellerSmith team used the best
One important thing for bringing better UX and customer experience is allowing customers to have a product quick view on the page. In the case of Nivellia theme is part of a Shopify theme which tightly connected with Product Collection area.
Nivellia Shopify theme is close to the official public release. We’ll be spending a couple of weeks to test drive this babe and fix possible issues with compatibility of 3rd party Shopify apps. If you wish to get notified about the release or want to get a free copy to check whether it fits your next ecommerce store feel free to subscribe below.
Now, let’s explore how Nivellia behave in reality and explore demos both on mobile and desktop.
Live demo Desktop View: Black Style - Neon Style - Nudy Style
Live demo Mobile View: Black Style - Neon Style - Nudy Style