3.1 My Homepage Layout

3.1 My Homepage Layout


Home page have these sections:

  • Welcome
  • Logo
  • Categories
  • Banner Slider
  • Products
  • Static blocks
  • Brand Slider
  • Footer

Don’t worry, all of these sections will be covered in following articles within this stage.

*Kindly check the homepage layout. Click on the images to view in full size.

Theme Clarity

OB 3.1.1

At the end of this article, you should be able to have a better understanding about the homepage layout and its sections.

What’s next? 

You can start working on adding the store’s content, such as: products, categories…etc

    • Related Articles

    • Additional sliders on the Homepage

      Introduction: Do you want to promote some products on the homepage? do you want to add variety of product sliders other than the On Sale and New Arrival sliders. You can do that by adding additional slider for a specific category. Steps: 1- Login to ...
    • 2.3 Diversity Of My Products On Homepage

      Introduction  Diversity means options and more options means more customers and more customers means more sales!  This is the formula for success. In this article, we will learn how to add products to the home page, whether on Sale or New products. ...
    • 4.4 Creating Pages for Your Online Store

      Introduction What are Pages? CMS Pages are static pages that contain content for your website, such as the home page, about us page or any page that can be navigated to. Pages are whole HTML pages you can create and edit. They have unique URL, Layout ...
    • 2.2 How To Add Pictures To The Menu Bar

      Introduction  Adding a product image inside the menu bar next to the category will help with understanding what the category represents and will definitely grab the store’s visitors attention. GW 2.2.1 Steps From your store’s dashboard, navigate to ...
    • 2.7 Build your Own Form

      Introduction Web Forms extension is an extension that helps you to manage pages like contacts us page that comes by default from Magento. Please note that you must have this extension in your store. Steps To manage the contact us page, follow the ...