New Arrival Products

Wireframe

New Arrival Products

Check that the list folder exists

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

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

Of importance to this tweak is the file: [THEME-NAME]/templates/list/product/template.html

  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: /httpdocs/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 Instructions

  1. Add the [%list%] tag code wherever would like the new arrivals thumbnails to appear.

This tweak is commonly implemented on the Home Page. If this is the case navigate to /httpdocs/assets/themes/[THEME-NAME]/templates/cms/home.template.html and copy and paste the below code into the home.template. A common place for this tweak to appear is underneath the homepage shop description. If this is the case you should search for the following code block and add the [%list%] tag code after it.

<section id="homepage-content" class="n-responsive-content" aria-label="Main Description">[@page_content@]</section>

Here is the code for the New Arrivals tweak:

[%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. Adjust the filter parameter to limit which categories the new arrival products will display from. You can also adjust the limit parameter to control how many products display etc.

Filter Category Parameter

The filter parameter can control whether or not the list tag will display content that is limited to a certain category. If you would not like to restrict the categories that are displayed you do not need to do anything. If, however, you would like to restrict the categories that display add the following code within the list tag: filter:'content=[@id@]'

In the above example the [@id@] tag represents the category ID that you wish to filter by.

The opening tag for your list tag should now look something like this: [%list type:'product' template:'' sort:'new_arrivals' limit:'4' filter:'content=[@id@]'%]

Limit Parameter

The limit parameter controls the maximum number of thumbnails that will display. If the limit parameter is omitted the list function will display ALL available content/products.

Here is an example of an opening list tag with the limit set to '4': [%list type:'product' template:'' sort:'new_arrivals' limit:'4'%]


Was this article useful?

Be notified when this page is updated. Optional.