How to Insert New Products List in Widget in Magento 2

magento-2-tutorial
how-to
new-product
widget

New product list is necessary to inform customer with latest products which are marked as “New” and selected from the catalog. This tutorial will help you produce your own News Products List to catch customer’s eye. The list can be set to display in default which automatically contain recent added items or demonstrate only new items specified by a Date Range.

Insert New Products List in Widget

  • Step 1: Configure the Date Range
  • Step 2: Generate the Widget
  • Step 3: Display on
  • Step 4: Set the List
  • Step 5: Preview.

Step 1: Configure the Date Range

The Date Range will decide the period of time that a product is considered as New. To assign values for Date Range, follow the instruction below.

  • On the Admin sidebar, click Products > Inventory > Catalog.
  • In the grid, choose the product you want to settle the Date Range and click on edit mode in Action column.
    • Click ADVANCED SETTINGS > autosettings.

    • Enter a valid first date to assign for the item in the Set Product as New From Date field or click on calendar button New Products List in Widget and choose the date.

    • Enter a valid last date to assign for the item in the Set Product as New To Date field or click on calendar button New Products List in Widget and choose the date.

New Products List in Widget

  • Click Save button in the upper-right conner when you are done.

Step 2: Generate the Widget

Now you will determine how the New Products List display on your storefront.

  • On the Admin sidebar, tap Content > Elements > Widgets.

  • In the upper-right corner, click Add New Widget button.
  • In the setting section:
    • Set Type to “Catalog New Products List.”
    • Set Design Theme to the current used theme of your store.
  • Click Continue.

New Products List in Widget

  • In the Storefront Properties section, complete the following fields:
    • Widget Title: Type a specific title for the widget in the field. This title is visible only from the Admin.
    • Assign to Store Views: Choose the store views that the widget is visible.
    • Sort Order: This field is optional where you should enter a number to set the order this items appears with others in the same part of the page, start from 0.

New Products List in Widget

Step 3: Display on

The appearance of New products List can be modify in the Layout Updates section.

  • click Add Layout Update.
    • In the Display on field, set “Specified Page.”
    • In the Page field, set “CMS Home Page.”
    • In the Block Reference field, set “Main Content Area.”
    • Set Template to the one you prefer the New Products List to display.

New Products List in Widget

  • click Save and Continue Edit.
  • If you are noticed to refresh the page cache, click the links in the notification, and follow the instructions.

Step 4: Set the List

The content of New Products List is managed in this part of the guidance.

  • In the panel on the left, click on Widget Options.
    • In the Display Type field, choose “All products” to display all recently added products or “New products” to show the items specified with a Date Range and the list will be blank if the Date Range expires.
    • In the Display Page Control field, choose “Yes” to control the number of products shown on one page or turn it to “No” to display all items.
      • If the field “Display Page Control” is “Yes”, the box “Number of Products per Page” will appear. Enter the number of products you want to perform on each page.
    • In the Number of Products to Display field, enter the number of new products you want to include in the list or leave it for the default number which is 10.
    • In the ** Lifetime (Seconds)** field, custom the number to set the time interval between each refresh circle of the new products list. If the field is void, the cache is set to 86400 seconds by default.

New Products List in Widget

  • Click save when you are finished.
  • If you are noticed to refresh the page cache, click the links in the notification, and follow the instructions.

Step 5: Preview

  • On the Admin sidebar, click Content > Elements > Pages.
  • Find the page that you assign the New Products List to be visible on and in the Action column tab Select > Preview.


It comes to the end of tutorial: How to Insert New Products List in Widget in Magento 2.

Please leave comments if you have any questions, feedbacks.

Comments for How to Insert New Products List in Widget in Magento 2

You also may like these Magento 2 Extensions

One Step Checkout

$199
17 reviews

Layered Navigation

$149
7 reviews

Affiliate

$149
7 reviews

FAQ

$149
10 reviews

Zoho CRM

$249
no review

Store Locator

$199
no review

Shop By Brand

$99
no review

Better Blog

FREE
7 reviews