➤ Here you can find the instructions on how to set the product as “New” and display the “New Products” section on the Home Page.
Set the product as “New”
1. Log into your Magento admin panel and go to the Products > Inventory > Catalog section.
2. Find the product you need to be set as “New”.
3. Open the Product to edit (click “edit” opposite the product).
4. Move to the Set Product as New From option. You need to set the time period the product will be displayed as “New”.
5. Tap the “calendar” and then, choose the first date.
6. Move to the To option and choose the last date that you want the product to be set as “New”.
7. Save the changes.
Add the Features Products Widget
You can display the New Products using the default Magento Catalog New Products List and *TM Featured Products widgets.
* We will show how to display the “New Products” section on the Home Page by means of the TM Featured Products widget.
➤ In order to add the Featured Products widget, do the following:
1. Go to the Content > Elements > Widgets menu.
2. Click on the Add Widget button.
3. Select Featured Products type and TemplateMonster Theme design theme, then click Continue.
You’ll move to the widget settings:
Storefront Properties
1. Enter the Widget Title (not visible on the Frontend) for your widget and assign it to the needed store view(s).
2. Set the Sort Order. The Sort Order determines the display order in the certain container.
Layout Updates
The next step is to specify the page and the container where you want the “New Products” block to be displayed.
In order to place the widget on Home Page, do the following:
1. Press the Add Layout Update button.
2. Set Display On to the Specified Page.
3. Select CMS Home Page from the Page option dropdown.
4. Choose Main Content Area for the Container option and set Template to the Products List.
Widget Options
1. Move to the Widget Options tab.
2. Choose New Products for the Product types option.
3. Choose the category/categories to display the new products from.
4. Use the Custom CSS class option, in case you need to apply any additional CSS rules to this section.
View Tab
1. You can set the image size for the product images displayed within the widget.
2. Use the Product name length option to shorten the product name to the specified number of characters.
3. Choose if you want to use a “Carousel” for your widget. If “Yes“, set the number of products to display per view.
4. You can enable arrows and pagination for the widget. To enable the arrows and pagination, set Use Arrows and Use Pagination to “Yes“.
Labels
You can display the custom label on the new products within the widget (e.g. New).
6. Go to the Labels tab and select “Yes” from the Show Label option dropdown.
7. Move to the New Products label option and enter the text for the label.
8. Once the configuration is complete, tap Save.
9. Clear the Magento cache.
10. Refresh the Home Page of your store and you’ll see the “New Arrivals” Widget in the specified container.