metiz logo
  • COMPANY
        • Company

        • About Us
        • Award & Certifications
        • Testimonials
        • Blog
        • Life At Metizsoft
        • Partner With Us
        • Career
        • Our Leadership Team
        • Get In Touch

        • Skype
          metizsoft

        • Email us
          hello@metizsoft.com

        • India
          +1 (845) 418-5206

        • United States
          +1 (845) 418-5206

        • Let’s grow together Partner with us.
  • SERVICES
    • Enterprise Mobility
      • Android App Development
      • IoT App Development
      • iPhone App Development
    • Cross Platform Apps Development
      • React Native App Development
      • Flutter App Development
      • Ionic App Development
      • Progressive Web App Development
    • Ecommerce & CMS
      • Shopify Development
      • BigCommerce Development
      • Magento Development
      • Shopify Plus Development
      • WordPress Development
    • Front End Technology
      • Angular JS Development
      • Backbone JS Development
      • Javascript Development
      • React JS Development
    • Back End Technology
      • ROR Development
      • Node JS Development
      • Laravel Development
      • CodeIgniter Development
      • PHP Development
      • ASP.NET Development
      • Java Development
      • Python Development
    • UI/UX Design Services
      • PSD to HTML Development
      • Responsive Web Design
      • Mobile App Design
  • SOLUTIONS
    • Design & Development
      • Web App Development
      • Mobile App Development
      • Ecommerce Development
      • Enterprise Software Development
      • Front-End Development
      • Back-End Development
    • On-Demand Solutions
      • Shopify Print On Demand App
      • Grocery Delivery app
    • Digital Marketing
      • Content Marketing
      • Email Marketing
      • SEO
      • SMO
      • PPC
    • API Integrations
      • Shipping Integration
      • Payment Integration
    • Support & Testing
      • Software Testing
      • Mobile Testing
      • Support & Maintainence
  • HIRE US
    • Mobile Developer
      • Hire React Native Developer
      • Hire Flutter Developer
      • Hire Android Developer
      • Hire IOS Developer
      • Hire PWA Developer
      • Hire IOT Developer
    • Web Developer
      • Hire React.js Developer
      • Hire Node.js Developer
      • Hire Angular Developer
      • Hire Laravel Developer
      • Hire PHP Developer
      • Hire ASP.NET Developer
      • Hire AWS Developer
    • QA Tester
      • Hire Manual QA
      • Hire Automation QA
    • Ecommerce & CMS
      • Hire Shopify Developer
      • Hire Magento Developer
      • Hire BigCommerce Developer
      • Hire WordPress Developer
  • CASE STUDIES
    • Mobile
      • Video Consultation App Using Agora SDK – Teledoctor
      • Data Collection Mobile App - Rayz
      • BLE Based Mobile App For LED Lights - Viral Lights
      • Live Streaming Technology
      • Smart Digital Fitness Mobile App
      • Medical Access Programm App
      • KYC Verification App - MetizPay
      • Sales Rep Tracking App
      • Heat Management System - IoT
    • Web
      • Route4Me Integration With Telemedicine Firm
      • Build Your Own Gift Box - Shopify
      • Hostel Management - Resilience Hospitality
      • Hotel Management System - Ezcheckinn
      • Restaurant Management System - GoGohill
      • Onlilne Home Decor Shop - Artiliving
      • Smart Digital Printing App
      • Printer Partners - Shopify App
  • INDUSTRIES
    • Startups
    • Healthcare
    • Travel & Hospitality
    • Construction
    • Manufacturing
    • Banking & Finance
    • Media & Advt
    • Logistic & Transportation
    • Ecommerce
    • Food & Beverages
  • PRODUCTS
  • OUR WORK
  • CONTACT US
metiz logo
  • COMPANY
        • Company

        • About Us
        • Award & Certifications
        • Testimonials
        • Blog
        • Life At Metizsoft
        • Partner With Us
        • Career
        • Our Leadership Team
        • Get In Touch

        • Skype
          metizsoft

        • Email us
          hello@metizsoft.com

        • India
          +1 (845) 418-5206

        • United States
          +1 (845) 418-5206

        • Let’s grow together Partner with us.
  • SERVICES
    • Enterprise Mobility
      • Android App Development
      • IoT App Development
      • iPhone App Development
    • Cross Platform Apps Development
      • React Native App Development
      • Flutter App Development
      • Ionic App Development
      • Progressive Web App Development
    • Ecommerce & CMS
      • Shopify Development
      • BigCommerce Development
      • Magento Development
      • Shopify Plus Development
      • WordPress Development
    • Front End Technology
      • Angular JS Development
      • Backbone JS Development
      • Javascript Development
      • React JS Development
    • Back End Technology
      • ROR Development
      • Node JS Development
      • Laravel Development
      • CodeIgniter Development
      • PHP Development
      • ASP.NET Development
      • Java Development
      • Python Development
    • UI/UX Design Services
      • PSD to HTML Development
      • Responsive Web Design
      • Mobile App Design
  • SOLUTIONS
    • Design & Development
      • Web App Development
      • Mobile App Development
      • Ecommerce Development
      • Enterprise Software Development
      • Front-End Development
      • Back-End Development
    • On-Demand Solutions
      • Shopify Print On Demand App
      • Grocery Delivery app
    • Digital Marketing
      • Content Marketing
      • Email Marketing
      • SEO
      • SMO
      • PPC
    • API Integrations
      • Shipping Integration
      • Payment Integration
    • Support & Testing
      • Software Testing
      • Mobile Testing
      • Support & Maintainence
  • HIRE US
    • Mobile Developer
      • Hire React Native Developer
      • Hire Flutter Developer
      • Hire Android Developer
      • Hire IOS Developer
      • Hire PWA Developer
      • Hire IOT Developer
    • Web Developer
      • Hire React.js Developer
      • Hire Node.js Developer
      • Hire Angular Developer
      • Hire Laravel Developer
      • Hire PHP Developer
      • Hire ASP.NET Developer
      • Hire AWS Developer
    • QA Tester
      • Hire Manual QA
      • Hire Automation QA
    • Ecommerce & CMS
      • Hire Shopify Developer
      • Hire Magento Developer
      • Hire BigCommerce Developer
      • Hire WordPress Developer
  • CASE STUDIES
    • Mobile
      • Video Consultation App Using Agora SDK – Teledoctor
      • Data Collection Mobile App - Rayz
      • BLE Based Mobile App For LED Lights - Viral Lights
      • Live Streaming Technology
      • Smart Digital Fitness Mobile App
      • Medical Access Programm App
      • KYC Verification App - MetizPay
      • Sales Rep Tracking App
      • Heat Management System - IoT
    • Web
      • Route4Me Integration With Telemedicine Firm
      • Build Your Own Gift Box - Shopify
      • Hostel Management - Resilience Hospitality
      • Hotel Management System - Ezcheckinn
      • Restaurant Management System - GoGohill
      • Onlilne Home Decor Shop - Artiliving
      • Smart Digital Printing App
      • Printer Partners - Shopify App
  • INDUSTRIES
    • Startups
    • Healthcare
    • Travel & Hospitality
    • Construction
    • Manufacturing
    • Banking & Finance
    • Media & Advt
    • Logistic & Transportation
    • Ecommerce
    • Food & Beverages
  • PRODUCTS
  • OUR WORK
  • CONTACT US
metiz logo
  • COMPANY
        • Company

        • About Us
        • Award & Certifications
        • Testimonials
        • Blog
        • Life At Metizsoft
        • Partner With Us
        • Career
        • Our Leadership Team
        • Get In Touch

        • Skype
          metizsoft

        • Email us
          hello@metizsoft.com

        • India
          +1 (845) 418-5206

        • United States
          +1 (845) 418-5206

        • Let’s grow together Partner with us.
  • SERVICES
    • Enterprise Mobility
      • Android App Development
      • IoT App Development
      • iPhone App Development
    • Cross Platform Apps Development
      • React Native App Development
      • Flutter App Development
      • Ionic App Development
      • Progressive Web App Development
    • Ecommerce & CMS
      • Shopify Development
      • BigCommerce Development
      • Magento Development
      • Shopify Plus Development
      • WordPress Development
    • Front End Technology
      • Angular JS Development
      • Backbone JS Development
      • Javascript Development
      • React JS Development
    • Back End Technology
      • ROR Development
      • Node JS Development
      • Laravel Development
      • CodeIgniter Development
      • PHP Development
      • ASP.NET Development
      • Java Development
      • Python Development
    • UI/UX Design Services
      • PSD to HTML Development
      • Responsive Web Design
      • Mobile App Design
  • SOLUTIONS
    • Design & Development
      • Web App Development
      • Mobile App Development
      • Ecommerce Development
      • Enterprise Software Development
      • Front-End Development
      • Back-End Development
    • On-Demand Solutions
      • Shopify Print On Demand App
      • Grocery Delivery app
    • Digital Marketing
      • Content Marketing
      • Email Marketing
      • SEO
      • SMO
      • PPC
    • API Integrations
      • Shipping Integration
      • Payment Integration
    • Support & Testing
      • Software Testing
      • Mobile Testing
      • Support & Maintainence
  • HIRE US
    • Mobile Developer
      • Hire React Native Developer
      • Hire Flutter Developer
      • Hire Android Developer
      • Hire IOS Developer
      • Hire PWA Developer
      • Hire IOT Developer
    • Web Developer
      • Hire React.js Developer
      • Hire Node.js Developer
      • Hire Angular Developer
      • Hire Laravel Developer
      • Hire PHP Developer
      • Hire ASP.NET Developer
      • Hire AWS Developer
    • QA Tester
      • Hire Manual QA
      • Hire Automation QA
    • Ecommerce & CMS
      • Hire Shopify Developer
      • Hire Magento Developer
      • Hire BigCommerce Developer
      • Hire WordPress Developer
  • CASE STUDIES
    • Mobile
      • Video Consultation App Using Agora SDK – Teledoctor
      • Data Collection Mobile App - Rayz
      • BLE Based Mobile App For LED Lights - Viral Lights
      • Live Streaming Technology
      • Smart Digital Fitness Mobile App
      • Medical Access Programm App
      • KYC Verification App - MetizPay
      • Sales Rep Tracking App
      • Heat Management System - IoT
    • Web
      • Route4Me Integration With Telemedicine Firm
      • Build Your Own Gift Box - Shopify
      • Hostel Management - Resilience Hospitality
      • Hotel Management System - Ezcheckinn
      • Restaurant Management System - GoGohill
      • Onlilne Home Decor Shop - Artiliving
      • Smart Digital Printing App
      • Printer Partners - Shopify App
  • INDUSTRIES
    • Startups
    • Healthcare
    • Travel & Hospitality
    • Construction
    • Manufacturing
    • Banking & Finance
    • Media & Advt
    • Logistic & Transportation
    • Ecommerce
    • Food & Beverages
  • PRODUCTS
  • OUR WORK
  • CONTACT US
metiz logo
  • COMPANY
        • Company

        • About Us
        • Award & Certifications
        • Testimonials
        • Blog
        • Life At Metizsoft
        • Partner With Us
        • Career
        • Our Leadership Team
        • Get In Touch

        • Skype
          metizsoft

        • Email us
          hello@metizsoft.com

        • India
          +1 (845) 418-5206

        • United States
          +1 (845) 418-5206

        • Let’s grow together Partner with us.
  • SERVICES
    • Enterprise Mobility
      • Android App Development
      • IoT App Development
      • iPhone App Development
    • Cross Platform Apps Development
      • React Native App Development
      • Flutter App Development
      • Ionic App Development
      • Progressive Web App Development
    • Ecommerce & CMS
      • Shopify Development
      • BigCommerce Development
      • Magento Development
      • Shopify Plus Development
      • WordPress Development
    • Front End Technology
      • Angular JS Development
      • Backbone JS Development
      • Javascript Development
      • React JS Development
    • Back End Technology
      • ROR Development
      • Node JS Development
      • Laravel Development
      • CodeIgniter Development
      • PHP Development
      • ASP.NET Development
      • Java Development
      • Python Development
    • UI/UX Design Services
      • PSD to HTML Development
      • Responsive Web Design
      • Mobile App Design
  • SOLUTIONS
    • Design & Development
      • Web App Development
      • Mobile App Development
      • Ecommerce Development
      • Enterprise Software Development
      • Front-End Development
      • Back-End Development
    • On-Demand Solutions
      • Shopify Print On Demand App
      • Grocery Delivery app
    • Digital Marketing
      • Content Marketing
      • Email Marketing
      • SEO
      • SMO
      • PPC
    • API Integrations
      • Shipping Integration
      • Payment Integration
    • Support & Testing
      • Software Testing
      • Mobile Testing
      • Support & Maintainence
  • HIRE US
    • Mobile Developer
      • Hire React Native Developer
      • Hire Flutter Developer
      • Hire Android Developer
      • Hire IOS Developer
      • Hire PWA Developer
      • Hire IOT Developer
    • Web Developer
      • Hire React.js Developer
      • Hire Node.js Developer
      • Hire Angular Developer
      • Hire Laravel Developer
      • Hire PHP Developer
      • Hire ASP.NET Developer
      • Hire AWS Developer
    • QA Tester
      • Hire Manual QA
      • Hire Automation QA
    • Ecommerce & CMS
      • Hire Shopify Developer
      • Hire Magento Developer
      • Hire BigCommerce Developer
      • Hire WordPress Developer
  • CASE STUDIES
    • Mobile
      • Video Consultation App Using Agora SDK – Teledoctor
      • Data Collection Mobile App - Rayz
      • BLE Based Mobile App For LED Lights - Viral Lights
      • Live Streaming Technology
      • Smart Digital Fitness Mobile App
      • Medical Access Programm App
      • KYC Verification App - MetizPay
      • Sales Rep Tracking App
      • Heat Management System - IoT
    • Web
      • Route4Me Integration With Telemedicine Firm
      • Build Your Own Gift Box - Shopify
      • Hostel Management - Resilience Hospitality
      • Hotel Management System - Ezcheckinn
      • Restaurant Management System - GoGohill
      • Onlilne Home Decor Shop - Artiliving
      • Smart Digital Printing App
      • Printer Partners - Shopify App
  • INDUSTRIES
    • Startups
    • Healthcare
    • Travel & Hospitality
    • Construction
    • Manufacturing
    • Banking & Finance
    • Media & Advt
    • Logistic & Transportation
    • Ecommerce
    • Food & Beverages
  • PRODUCTS
  • OUR WORK
  • CONTACT US
callShopify Official Patner
Learn How to Display Products Catalogue on The Homepage in Magento 2!
In:E-CommerceKnowledge Center

Learn How to Display Products Catalogue on The Homepage in Magento 2!

Chetan Patel July 23, 2022 0

Do you know why entrepreneurs and enterprises are investing highly in UI/UX development and developers these days? According to experts, it takes only 2.6 sec on average for viewers to land their eye on website homepages to take a complete detour and gather all the vital information about the entire website.The homepage is essential to your branding and tells your customers about your product and service range.

That’s why nurturing it with high-end features and functionalities will boost your website performance and digital visibility enormously.

Hence, to make it more appealing and user-friendly, you should focus on adding your product catalog using Magento 2. And if you don’t know how to display your products on the homepage of Magento 2, here’s a complete guide for you.

To Begin With:

Step 1 – You must log in to your Magento 2 Admin panel.

Step 2 – Now navigate to Content and click on the Pages option. Under the Page section, click on the Homepage – > From the select dropdown, then click on the Edit dropdown under the Action option.

In short, Content -> Pages -> Homepage -> Edit

Pages

Here, you will get to see all your product pages.

Insert Widget

Step 3 – Now, go to the Content section and click on the Widget option.

In short Content -> Widget

insert widget Home page Pages Elements Content

Step 4 – After clicking on the widget option, the insert page will appear where you need to click on the Catalogue Product List option to choose the widget type.

In short, Widget -> Insert Page – > Catalogue Product -> Widget Type

Widget

Follow the below procedure to fill out the widget option:

  • Set an optimized title with relevant keywords to attract viewers and for search engine performance.
  • If you plan to display multiple products, consider enabling the Display Page Control while specifying the Total Number of Products per page.
  • Now, set the preferred Number of Products you want to display in the
  • Then Select Template (The by-default Products Grid Template)
  • Set the Cache Lifetime in seconds to define the update frequency of the product widgets on the homepage.
  • At last, specify conditions to display products on the homepage in Magento 2. You must specify category conditions before displaying products from selected categories.

Step 5 – After clicking on the widget type, you will be directed to the next page, where you will find a Conditions attribute. From that, you need to click on the Category from various options and choose the specific category relevant to your product, which you have decided to display on your store’s homepage. After selecting the Category, it’s time you hit the insert widget button.

In short, Condition -> Category -> Category -> Insert Widget

category insert widget

Step 6 – Lastly, after inserting the Widget, you need to revert to the Content page. There, you will see an icon for Products in the text box. Now, click on the Save Page to complete the Magento 2 new product widget display process.

Now, enjoy your products being shown in your storefront homepage category.

It’s a pretty straightforward process to follow. However, you might encounter confusion and hindrances when setting product widgets on your homepage in Magento 2. However, you can take professional assistance from Metizsoft Solutions, A leading Magento development company, for step-wise guidance at your convenience.

How to display product catalogue in magento 2?
488 Views
Twitter
Facebook
Pinterest
Linkedin
AboutChetan Patel
Director at Metizsoft Solutions, Chetan Sheladiya today stands at the top of a leading Mobile Application Development company, which further specializes in Online Business Marketing, Social Media Marketing, and Web Development, amongst other areas. A tech-lover at heart, Chetan has had more than a decade's worth of experience, dealing with hundreds of projects, and creating a bunch of unique IT solutions along the way. His other interest lies in sharing his ideas and opinions with people as passionate about technology, as he is. You can find his thoughts expressed on LinkedIn, Twitter, and Facebook.
NFTs Explained - Definition, Usage and Working Procedure!NFTs Explained - Definition, Usage and Working Procedure!July 19, 2022
Step-by-step Instructions to Connect Your YouTube Channel to Shopify!July 28, 2022Step-by-step Instructions to Connect Your YouTube Channel to Shopify!

Related Posts

In:E-Commerce

Volusion Site Speed up CDN

December 20, 2013
In:E-Commerce

Volusion Site Speed up CDN

December 20, 2013

Volusion Site speedup is the process every merchant looking for because Google gives high priority to fast-loading sites,...

In:Knowledge Center

Here’s What Matt Cutts (former head of web spam at Google) Is Doing Now After Leaving Google?

August 10, 2016
In:Knowledge Center

Here’s What Matt Cutts (former head of web spam at Google) Is Doing Now After Leaving Google?

August 10, 2016

Matt Cutts had been talking for a long time after leaving Google. There have been frequent rumors about Matt and his extended...

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

Loading

CATEGORIES

:

  • Business
  • Cloud Computing Services
  • E-Commerce
  • Infographics
  • Internet of Things (IOT
  • Knowledge Center
  • Marketing
  • Mobile Apps
  • News And Events
  • On-Demand Technology
  • Our Culture
  • Web Development
RELATED POSTS
  • React Native Vs. Swift – Which one is the best iOS development framework in 2023?
    May 24, 2023
  • React Native Vs. Flutter Vs. Kotlin – Which one is best for App development?
    May 4, 2023
  • Simplify Your Business with “Shopify Bill Pay” – Definition and Benefits Explained!
    April 28, 2023
  • Follow the best practice to optimize eCommerce checkout flow!
    April 17, 2023

let's work

NEED CREATIVE

Get A Quote


Loading

AHMEDABAD

A-802, Ganesh Plaza,
Navrangpura,
Ahmedabad- 380009
+91 96646 18619 (Sales)
+91 98989 64818 (HR)

NIKOL

501, Gravity Retail & Work Spaces, Nr. Sahajanad Green Party Plot, Nikol,
Ahmedabad – 380038

+91 96646 18619 (Sales)
+91 93766 37955 (Sales)
+91 98989 64818 (HR)

MUMBAI

47, Shanti Bhavan,
Dhiruabhai Parekh marg,
Kalbadevi,
Mumbai – 400002
+91 93766 37955

USA

71 Hosmer Street Acton,
MA, 01720
+1 (845) 418-5206

UK

17 A, Massey Close,
Oxford, OX3 7HY
(+44) 07367 805500

SINGAPORE

#3-91,26 Tanglin Halt Road,
Singapore – 14106
+65 (849) 773-79

Skype metizsoft

Email hello@metizsoft.com

WhatsApp +1 (845) 418-5206

United States+1 (845) 418-5206

Services

  • ENTERPRISE MOBILITY
  • CROSS-PLATFORM APPS
  • E-COMMERCE & CMS
  • FRONT-END DEVELOPMENT
  • BACK-END DEVELOPMENT
  • UI/UX DESIGN SERVICES

Solutions

  • DESIGN & DEVELOPMENT
  • ON-DEMAND SOLUTIONS
  • DIGITAL MARKETING
  • API INTEGRATIONS
  • SUPPORT & TESTINGS

Hire Developers

  • SHOPIFY DEVELOPER
  • MAGENTO DEVELOPER
  • REACT.JS DEVELOPER
  • NODE.JS DEVELOPER
  • REACT NATIVE DEVELOPER
  • LARAVEL DEVELOPER

Industries

  • STARTUPS
  • HEALTH CARE
  • TRAVEL & HOSPITALITY
  • BANKING & FINANCES
  • LOGISTIC
  • FOOD

Company

    • CAREERS
    • ABOUT US

    • LIFE AT METIZSOFT

    • AWARED & CERTIFICATION
    • BLOG
    • CONTACT US

Our Google Ratings
Our Glassdoor Ratings
Our Clutch Ratings
Our GoodFirms Ratings

 © Copyright 2022-2023 Metizsoft Solutions Private Limited All rights reserved.

dinner-time-team-metizsoft-at-mehmaan

dinner-time-team-metizsoft-at-mehmaan


creative-rangoli-by-team-metizsoft

creative-rangoli-by-team-metizsoft




 

all-metiz-girls-in-celebration-mood

all-metiz-girls-in-celebration-mood


Connect With Us!
Telephone

   (+91) 93766 37955 (Sales)

         (+91) 96646 18619 (Sales)

         (+91) 98989 64818 (HR)

   +1 (845) 418-5206  (Toll-Free)

         +44 (073) 6780 5500

    +65 (849) 773-79

(If we don’t pick up, drop an inquiry. We will contact you.)

Email

hello@metizsoft.com