Having an interface that is beautiful, fast-loading and at the same time matches your desired website design is not easy. It includes understanding your theme demands and finding the solution that fits your demands.
However, there are times that you don’t even need a complex solution to fulfill your needs. There are two Magento 2 default themes that can cover some basic needs for e-commerce stores. So if you’ve already had what you need in the default, why make three right turns to make a left?
This article is all about what is configurable in Magento 2 default themes. By configurable, we mean the section of the website template that is changeable via Magento 2 admin panel.
You can expect to learn about what is configurable and how to configure after reading the article. Also, you can notice that everything that is configurable in demo theme, is configurable in any other third-party theme. So think of this as a training for basic theme configuration.
Disclaimer: Although there are 2 themes in Magento 2 default, naming Luma and Blank, in this article we will only talk about Luma, as it has many improvements in design when comparing to its parent theme. You can also use Luma demo theme right away.
What is configurable in Magento 2 default theme?
There are 6 basic pages that any e-commerce store owner needs. Now we are going to analyze what is configurable in each view. Remember that we’ve red-boxed what is configurable in the image at the start of each view.
- In Header, you can configure the Logo image and the Menu items.
- In Footer, you can configure the Footer links and the copyright text.
- In the main content of Homepage, you can choose to display certain CMS Blocks.
You can change the logo to your company’s logo by going to Magento Admin panel > Design > Configuration > Edit the store that is set to your storefront > Header > Logo Image > Upload > Save Configuration.
You can change to Footer links by going to Admin Panel > Product > Inventory > Category, then organize your product categories and choose which to display/hide.
You can configure the main content by either changing the blocks that display at homepage, or changing the homepage block ‘s code. Choose another blocks by going to Admin Panel > Content > Elements > Widget > Widget options > Block > Select block > choose the block you want. Changing the code of homepage block by going to Admin Panel > Content > Element > Blocks > Home Page Block > Select > Edit
Product category page
- On top of the product listings, you can insert and configure CMS blocks.
- Just above the product listings, you can configure product view mode and listings Sort options.
- On the right below the product listings, you can configure the number of product per page option.
You can configure the CMS blocks above the products view of each product category by going to Admin Panel > Catalogs > Categories > [The category of your choice] > Display settings > Display mode > Static Blocks and Products. Then go back to [The category of your choice] > Content > [choose CMS blocks and edit Content Description].
You can configure product view mode options for your users to be List only, Grid only, List (default) and Grid, or Grid (default) and List by going to Admin Panel > Stores > Settings > All Stores > Catalog > Catalog > Storefront > List Mode.
You can configure the Product Listings Sort options for your users by going to Admin Panel > Stores > Settings > All Stores > Catalog > Catalog > Storefront > Product Listing Sort by.
You can configure the number of product per page options for your users, by going to Admin Panel > Stores > Settings > All Stores > Catalog > Catalog > Storefront > Products per Page on Grid/List Allowed Values.
Product detail page
- In the product page, you can only configure Product Details.
You can configure Product Details content by going to Admin Panel > Products > Inventory > Catalog > [The product of your choice] > Content > Description.
- In Cart page, you can only configure the orders of elements on Summary.
In Cart page, you can configure the orders of elements on Summary by going to Admin Panel > Stores > Settings > All Stores > Sales > Checkout Totals Sort Order > [You can set the Queue number for each section here]
- You cannot configure anything in Checkout Page.
- You can configure your About page content.
You can configure your About page content by going to Admin Panel > Content > Elements > Pages > About us > Edit
Magento 2 default themes: What is NOT configurable?
Although being very lean and fast, Luma and Blank have many limitations when it comes to configurability. For example, you do not have the option to configure the font size, font family of your theme at all when using Magento 2 default themes. Knowing the limitation of Luma and Blank help you decide whether you can use those themes for your business or not.
Mega Menu options
Having a Mega Menu can be a game-changer for user experience on your website.
According to Hyrum Denney ‘s research on Website Usability in 2012, 100% users preferred web design with sticky Menu without knowing why. The article also suggests that, with the sticky menu, users could cut 36 seconds off for a five-minute visit to a website. Although even Coca-Cola website uses sticky header, default themes do not support this very important feature.
Using Luma theme, you also cannot change the width of the menu shown when you hover. You cannot showcase your products, blog content preview right on the menu, making it is impossible for your users to access the important content on your website fast. This is due to the fact that we cannot add CMS blocks to Magento 2 default menu.
Do you know that the text itself has a personality? Indeed, looking at different fonts clearly give us different feelings. Some fonts are designed to convey sustainability and reliability, while others give a sense of gentleness and artsiness. Choosing fonts that are not in synchronicity with the personality of the brand is harmful in the long run, as it becomes harder and harder for your customers to recognize your brand and its messages.
Another element that is correlated to the brand image is the color. To create a sense of professional, you should set the color of various elements of your site wisely. These elements are text, link, button, and different labels. Keep in mind that you want the users to connect the color of your website width the product they want to purchase, as this creates a sense of familiarity and therefore increase your website conversion rate.
Today it is hard for a static website to be found on the internet. So why not create a website that makes users engaged by making your site’s first look so compelling to click? You can do so by inserting a beautiful banner slider on top of your homepage, functioning as a persuading advertisement billboard.
Your promotions, highlights cannot be missed out when you use banner slider. Be like Amazon.com, use a web banner slider.
However, Magento 2 default themes do not support banner slider.
Product preview elements
So what do you want to include on your homepage?
If you are an experienced e-commerce owner, you would definitely know the answer: your best selling, cheapest, newest products and deals! If you have a love for your product, do not fall into the trap of letting your product speak for itself. Spend your love on promoting the products that make you proud, and displaying them on the homepage is a good place to start.
Luma and Blank do not have a function to call your best-selling in recent time, new products, and hot deals to a block.
A small caveat: the hot sellers block in default themes does not have a function to display products with great sales this month. We can know that by testing with our demo site, Admin > Sales > Invoice. There are only 2 products that are successfully bought this month in the database. However, there are still 7 products in Hot sellers block on the homepage.
Category page elements
High-end customers don’t like to see the price tag right away when they see the product. That’s why high-end sellers do not show the price or choose to defer to do so, so they can have time to showcase the value of their product before giving out the cost.
However, Luma and Blank theme do not support price and ratings display options for product blocks in category. The content is also not available to be aligned to center. The product name cannot be shortened when it crosses a certain length.
Blog is neglected in Magento 2 default themes: there is no blog in Luma and Blank at all. So there is no design for you to showcase your industry expertise as well as do content marketing.
About us, contact
In Luma Theme’s About page, there is hardly anything but the plain information itself. The company is NOT presented in a way that seduces users to read more and buy more. In addition, there is even no contact page. This makes the brand looks aloof, and reduce the experience the users visiting your site deserves.
Magento 2 default themes: In conclusion,
So that’s it. By now we hope that you’ve understood of the main configurability and limitation of Magento 2 default themes. Of course, being a free theme , Luma and Blank are still good for people starting to try out Magento 2. It can be enough for many basic shops that do not need many configurations in website design.
However, if your business is more complex, and you want more for your website theme, you should consider other options. These are: developing the theme in-house, hiring a custom developing service, or considering other themes. The last option helps you cut the cost of time and money the most.
In this article, we have showcased a lot of demo image from Thinnk Theme. This theme has the exact configuration options that Luma does not have. If you want a more flexible theme, click on the image below to view more about our theme.