widget-new-products-frontend-properties

New Products List Widget

The list of new products is an example of dynamic content, and consists of live data that is
pulled from your product catalog. By default, the “New Products” list includes the first eight of
the most recently added products. However, it can also be configured to include only products
within a specified date range.

Process Overview:
Step 1: Set the Date Range for Each Product
Step 2: Create a Working Copy of the Widget
Step 3: Select the Location for the List
Step 4: Configure the List
Step 5: Preview Your Work

Step 1: Set the Date Range for Each Product

To make a product appear in the list by date range, the dates must be specified in the product
record. The product then appears in the New Products list during the date range specified.
1. On the Admin menu, select Catalog > Manage Products.
2. Find the product you want to feature, and open the record. Then, do the following:
a. In the Set Product as New From Date field, click the calendar button and select the first
date that you want the product to be featured.
b. In the Set Product as New To Date field, click the calendar button and select the last date
that you want the product to be featured.

3. When complete, click the Save button.
4. When you are prompted to reindex and refresh the page cache, click the links at the top of the
workspace, and follow the instructions.
The product will now appear in the New Products list during this date range. Repeat this step
for each product that you want to feature.

Step 2: Create a Working Copy of the Widget

The code that determines the content of the list and its placement in your store is generated by
the Widget tool. To create your own working copy of the New Products list, simply save a copy
of the existing widget. Your working copy is a new “instance” of the widget, and any changes
you make will not affect the original.
1. On the Admin menu, select CMS > Widgets.
2. In the upper-right corner, click the Add New Widget Instance button.
3. In the Settings section, do the following:
a. Set Type to “Catalog New Products List.”
b. Select the Design Package/Theme that is used by the store.
4. Then, click the Continue button.

5. In the Frontend Properties section, complete the following fields:
Widget Instance Title Enter a descriptive title for your widget. This title is visible only
from the Admin.
Assign to Store Views Select the store views where the widget will be visible. You can
select a specific store view, or “All Store Views.”
Sort Order (Optional) Enter a number to determine the order this items
appears with others in the same part of the page. (0 = first, 1 =
second, 3= third, and so on.)

Step 3: Select the Location for the List

1. In the Layout Updates section, click the Add Layout Update button. Then, do the following:
a. Set Display On to “Specified Page.”
b. Set Page to “CMS Home Page.”
c. Set Block Reference to “Main Content Area.”
d. Set Template to one of the following:

  • New Product Lists Templates
  • New Products Grid Template


2. Click the Save and Continue Edit button to save your changes.

Step 4: Configure the List

1. In the panel on the left, select Widget Options. Then, do the following:
2. Set Display Products to one of the following:
All Products Lists products in sequence, starting with those most recently
added.
New Products Lists only the products which are identified as “New.” A product
is considered to be new during the date range specified in the
“Set Product As New From” date and “Set Product As New To”
date. fields of the product. The list will be blank if the date range
expires and no additional products have been set as “New.”
3. Complete the remaining information as follows:
a. To provide navigation control for lists with multiple pages, set Display Page Control to
“Yes.” Then, in the Number of Products per Page field, enter the number of products you
want to appear on each page.
b. Set Number of Products to Display to the number of new products you want to include in
the list. The default setting is 10.
c. In the Cache Lifetime (Seconds) field, select how often you want to refresh the list of new
products. By default, the cache is set to 86400 seconds, or 24 hours.

4. When complete, click the Save button.
5. When prompted to refresh the cache, click the link in the message at the top of the workspace,
and follow the instructions.

Step 5: Preview Your Work

1. On the Admin menu, select CMS > Pages > Manage Content.
2. Find the published page in the list, where you placed the New Products list. Then, in the
Action column, click the Preview link.

Leave a Comment

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