New Arrivals Page

New Arrivals Page

Generates a list of recent products sorted by the most recent additions. Note that this list is grabbing a list of all products and sorting them by the most recent. So if the most recent product addition was 6 months ago, it will still be the "Newest arrival".

Wireframe

Check that the list folder exists

  1. Use your FTP login to the filseserver for your website.

  2. Navigate to /assets/themes/THEME-NAME/ and check that your theme contains a list folder. Within the list folder there should be be two folders: Content, and Product. Within these folders there will be various files.

For this tweak the file [theme name]/templates/list/product/template.html is of importance.

  1. If the file above does not exist in your fileserver you should follow the instructions located on the list tag page to add the files required for this tweak to work.

Important Note: If you are an established Neto customer, or have had custom work completed on your theme you may have customisations within the thumbs folder of your theme. In order to keep your templates up to date we suggest copying your current thumbs template into the corresponding list folder.

For this tweak the file you need to copy is: /assets/themes/THEME-NAME/templates/thumbs/product/template.html

Once you have copied all the code from here navigate to [theme name]/templates/list/product/template.html and replace all of the code in this file with the code copied to your clipboard.


Coding and Implementaion Instructions

  1. Duplicate your existing category.template.html file within /assets/themes/THEME-NAME/templates/cms and rename it as new-arrivals.template.html

  2. At the head of your file, change your page type variable to use something that is not category. We do this because we don't want to trigger the category options that usually appear in the sidebar include as filters will not work with this tweak.

[%set [@page_type@]='newarrivals'/%]
  1. Copy and paste the below code into the newly duplicated file, replacing where your current products are being listed out. These products will be listed out within either a thumb or list funciton.
[%list type:'product' template:'' sort:'new_arrivals' limit:'4'%]
    [%param *header%]
        <h3>New Arrivals</h3>
        <div class="row">
    [%/param%]
    [%param *footer%]
        </div>
    [%/param%]
[%/list%]
  1. To add a link in your header to this new page you'll need to create a informaton page called New Arrivals, and assign the new cloned template.

Open the headers/template.html file and paste the below code directly below


Was this article useful?

Be notified when this page is updated. Optional.