Talk to an Expert Back to CS-Cart.com

How To: Display the Newest Products on Pages

How To: Display the Newest Products on All Pages

Newest Products block on the storefront

To display the section of the newest products on all pages:

  1. In the Admin panel, go to Website → Themes → Layouts and select the Default layout page.

  2. Click the + button in the desired container and click Add block.

  3. Open the Create New Block tab and select Products.

  4. Specify the name of the new block (e.g. Newest products) and click Create.

    Create a Newest Products block

  5. Click the gear icon on the block:

    • From the Template drop-down menu, select Grid.
    • In the Wrapper field, select any required wrapper (e.g. Important block).
    • If necessary, specify the User-defined CSS-class in the corresponding field.

  6. Go to the Content tab and select Newest in the Filling select box.

  7. Click Save.

Note

The Newest products block will be displayed on all pages of the storefront.

If you do not want to display it on some pages (e.g. on the Checkout page), open the corresponding tab on the Layouts page (e.g. choose the Checkout tab at the top of the page) and change the block status to Disabled by clicking on the Activate/Deactivate Block icon.

Sometimes the block might be located in the Top Panel, Header, or Footer of the page; in that case, open the desired tab and click the Set custom configuration link and deactivate the block.

How To: Display the Newest Products on the Category Page

A Newest Products block on the Category page

To display the section of the newest products on the category page:

  1. In the Admin panel, go to Website → Themes → Layouts and select the Categories layout page.

  2. Click the + button in the desired container and click Add block.

    Create a Newest Products block on the Category page

  3. Open the Create New Block tab and in the opened section click Products.

  4. Specify the name of the new block (e.g. Newest products) and click Create.

  5. Click the gear icon on the created block:

    • Select Small items in the Template field.
    • Select the desired wrapper in the Wrapper field (e.g. Footer general).
    • If necessary, specify a CSS class in the User-defined CSS-class field.

  6. Open the Content tab and select Newest in the Filling select box. Configure the required fields.

  7. Click Save.

Note

After the block is created or changed, make sure it is displayed correctly. Sometimes not all wrappers are suitable for the blocks.