The Home page is considered as the most important part of every website. Home page is the page, which is first visible to every visitor on the website. Therefore, it should be really stunning, appealing, or attractive to the customers otherwise, they will leave the site immediately.

One of the best ways to attract visitors is to insert the products on your Home page. Another way to make your Home page more attractive is to show the best products on the Home page of your website. So, in this blog, we are going to discuss how to display products on Home page in Magento 2.

There are two types of product lists on the website. We will discuss both the product list in detail.

Products from Specific Category
New Added Products

Products from Specific Category

Step 1: Go to the Magento 2 Admin Panel and Navigate to Content >> Pages on the left sidebar of your Admin Panel.

Here all the pages of your store visible to you, as you can see in the below screenshot.

Step 2: Now, Click on Edit from the Select drop-down list under the Action menu corresponding to the Home page.

Step 3: Expand the Content section and click on the Insert Widget from the content editor as given in the below screenshot. We can also change the message from this content section, which visible on the Home page to the customers.

Step 4: Now, Insert Widget page will appear, choose Catalog Products List from Widget Type drop-down list, and complete the details accordingly. It helps you to list featured products, new arrivals, bestsellers, daily deals on the Home page.

Step 5: On the next page, there is a Conditions attribute. Choose the category in the Category field that you want to show on the Home page of your online store and then click on Insert Widget.

Widget Options

Title: Enter the title under which your listed products will be visible to the customer on the Home page.
Display Page Control: It has two options Yes and No. For basics set No to this field.
Number of products to display: This field contains the number of products which will display in a widget.
Template: We have only one template, i.e., Product Grid Template.
Cache Lifetime (Seconds): We will suggest you leave this field blank.
Condition: Based on this condition, field products will appear on the Home page of your web store. The condition attributes restrict which products to be shown on your Home page. We can trim down the products which appear on the Home page using any of your product attributes.

Step 6: Now, come back to the Content tab. Here you can see an icon for Products in the text box. By double-clicking on this icon, you can edit widget. Click on the Save button to complete the changes on the page.

Now go to the frontend of the store and refresh it to reflect the changes. Here you will see the products from the specific category on the Home page of your store in Magento 2.

New Added Products

Click on the Insert Widget from the Content editor section of your Home page.

This time choose the Catalog New Product List from the Widget Type drop-down list and complete the details according to your requirements.

After providing all the details, click on the Insert Widget button.

Now, click on the Save button to update the changes.

Go to the Home page of your store and see the recently added products on the Home page of your store.

If the Home page has not updated after reloading and the newly added products are not visible on the Home page, then clear the cache. For this follow the below steps:

On the left of Admin panel, Go to System >> Cache Management.
Select all from the drop-down list and click on the Submit button.

Again refresh the Home page. Now you can see that the newly added products will be visible on the Home page.

So, this brings us to the end of blog. This Tecklearn ‘How to add the product on Home page in Magento 2’ blog helps you with commonly asked questions if you are looking out for a job in Magento Programming. If you wish to learn Java and build a career Java Programming domain, then check out our interactive, Java and JEE Training, that comes with 24*7 support to guide you throughout your learning period. Please find the link for course details:

https://www.tecklearn.com/course/java-and-jee-training/

Java and JEE Training

About the Course

Java and JEE Certification Training is designed by professionals as per the industrial requirements and demands. This training encompasses comprehensive knowledge on basic and advanced concepts of core Java & J2EE along with popular frameworks like Hibernate, Spring & SOA. In this course, you will gain expertise in concepts like Java Array, Java OOPs, Java Function, Java Loops, Java Collections, Java Thread, Java Servlet, and Web Services using industry use-cases and this will help you to become a certified Java expert.

Why Should you take Java and JEE Training?

Java developers are in great demand in the job market. With average pay going between $90,000/- to $120,000/- depending on your experience and the employers.
Used by more than 10 Million developers worldwide to develop applications for 15 Billion devices.
Java is one of the most popular programming languages in the software world. Rated #1 in TIOBE Popular programming languages index (15th Consecutive Year)

What you will Learn in this Course?

Introduction to Java

Java Fundamentals
Introduction to Java Basics
Features of Java
Various components of Java language
Benefits of Java over other programming languages
Key Benefits of Java

Installation and IDE’s for Java Programming Language

Installation of Java
Setting up of Eclipse IDE
Components of Java Program
Editors and IDEs used for Java Programming
Writing a Simple Java Program

Data Handling and Functions

Data types, Operations, Compilation process, Class files, Loops, Conditions
Using Loop Constructs
Arrays- Single Dimensional and Multi-Dimensional
Functions
Functions with Arguments

OOPS in Java: Concept of Object Orientation

Object Oriented Programming in Java
Implement classes and objects in Java
Create Class Constructors
Overload Constructors
Inheritance
Inherit Classes and create sub-classes
Implement abstract classes and methods
Use static keyword
Implement Interfaces and use it

Polymorphism, Packages and String Handling

Concept of Static and Run time Polymorphism
Function Overloading
String Handling –String Class
Java Packages

Exception Handling and Multi-Threading

Exception handling
Various Types of Exception Handling
Introduction to multi-threading in Java
Extending the thread class
Synchronizing the thread

File Handling in Java

Input Output Streams
Java.io Package
File Handling in Java

Java Collections

Wrapper Classes and Inner Classes: Integer, Character, Boolean, Float etc
Applet Programs: How to write UI programs with Applet, Java.lang, Java.io, Java.util
Collections: ArrayList, Vector, HashSet, TreeSet, HashMap, HashTable

Java Database Connectivity (JDBC)

Introduction to SQL: Connect, Insert, Update, Delete, Select
Introduction to JDBC and Architecture of JDBC
Insert/Update/Delete/Select Operations using JDBC
Batch Processing Transaction
Management: Commit and Rollback

Java Enterprise Edition – Servlets

Introduction to J2EE
Client Server architecture
URL, Port Number, Request, Response
Need for servlets
Servlet fundamentals
Setting up a web project in Eclipse
Configuring and running the web app with servlets
GET and POST request in web application with demo
Servlet lifecycle
Servlets Continued
Session tracking and filter
Forward and include Servlet request dispatchers

Java Server Pages (JSP)

Fundamentals of Java Server Page
Writing a code using JSP
The architecture of JSP
JSP Continued
JSP elements: Scriptlets, expressions, declaration
JSP standard actions
JSP directives
Introduction to JavaBeans
ServletConfig and ServletContext
Servlet Chaining
Cookies Management
Session Management

Hibernate

Introduction to Hibernate
Introduction to ORM
ORM features
Hibernate as an ORM framework
Hibernate features
Setting up a project with Hibernate framework
Basic APIs needed to do CRUD operations with Hibernate
Hibernate Architecture

POJO (Plain Old Java Object)

POJO (Plain Old Java Object)
Persistent Objects
Lifecycle of Persistent Object

Spring

Introduction to Spring
Spring Fundamentals
Advanced Spring

Got a question for us? Please mention it in the comments section and we will get back to you.

374