CMS Guide 2018/10/16

Products

This is where you create all the range pages and all the product pages. If you click on Product on the left-hand menu you will see the options Ranges, Home Ranges, Business Ranges and Products.

Remember, it’s essential to stay on brand. Refer to the style guide for examples of writing product descriptions and choosing product images.

Let’s start with Ranges.

Ranges

A standard range is a collections of products by type. These will appear in the Ranges section of the website. You will need to create all the ranges: Air Conditioning, Heating, Commercial Air Conditioning, VRF Systems, Chillers and Air Renovation.

To create a range, click on the Add Range button.

Once you are in you will see a list of different fields you need to fill. Those marked with an asterisk are mandatory.

Title
This is the range name.

Slug
The part of the URL which identifies the page. The slug must be written in lower case and use hyphens instead of spaces.

Now you will see three tabs: General, Elements and Images.

General

Subtitle
This the title that appears above headline in equipment section. It’s usually the range name.

Text
A short description of the range.

Products text
This appears above the product listing on a range page.

Before finally clicking the Save and back button, look at the Images tab.

Images

Click on Choose file and choose the range header image.

Then click on the second Choose file button to select the range grid image.

Now click on Save and back.

Click the Edit button on the new range to continue editing this range.

Now go to the Elements tab.

Elements

To create a new range element click on Add Range Element. In Ranges we can create up to three elements. That’s the limit. Once you have created three elements you can’t create more. If you want to create a new one you need to delete one and save so the Add Range Element button appears again.

Here you need to choose an image file and write a description.

Once you have created all the range elements click Save and back to save your updates.

Home Ranges

Now we are going to create the In your Home ranges. This collection of ranges will appear in the website In your Home section.

These are not the same as the standard ranges, even though their names could be the same. These ranges are themed collections of products.

For example, we have Ranges>Air Conditioning as an equipment range which includes all the air conditioning products. But we also have the In your Home>Air Conditioning range that only includes air conditioning products related to the theme of Home.

The creation of In your Home ranges is similar to standard ranges, except we also have a products selector to choose suitable products for this specific range.

Business Ranges

The creation of the In your Business ranges is similar to standard ranges, except we also have a products selector to choose suitable products for this specific range.

Just like the In Your Home ranges, these ranges are themed collections of products. Here the ranges are product collections relevant to business premises types, for example Restaurants, Clinics and Commercial Offices.

These ranges will appear in the website’s In your Business section.

Products

This is where you add individual products. To create a new product page, click Add Product.

Fields marked with an asterisk are mandatory. The first two fields you will see are Title and Slug.

Title
The product name

Slug
The part of the URL which identifies the page. The slug must be written in lower case and use hyphens instead of spaces.

Next there are four tabs: General, Images, Elements and Data tables.

General

Text
This is the product description text.

Range
This is a selector to choose the Range to which this product belongs. You must create all the Ranges first.

Home Range
If this product belongs to a Home Range, select it here. You must create all the Home Ranges first.

Business Range
If this product belongs to a Business Range, select it here. You must create all the Business Ranges first.

Downloads
This is a selector to choose downloads related to the products. These materials are added to the CMS via the Resource>Downloads section.

Before clicking the Save and back button, go to the Images tab.

Images

Click on Choose file to choose the range header image.

Click on the second Choose file button to choose the range grid image.

Now go to the Elements tab.

Elements

Here we can create new elements by clicking on Add Product Element. These elements contain the product features and benefits.

This will display a list of options. First we see a selector of the type of element you wish to create: Image + Text, Text + Image, Text, Slider, or Image.

Image + Text
A display module with the image on the left of the text.

Title
A short headline.

Text
A long description.

Image
The image that sits left of the text.

After you‘ve added the details click Save and back.
The other elements work in the same way.

Text + image
A display module with the image on the right of the text.

Text
A text only module.

Slider
A series of images displayed in slider. Click Add product element image to populate the slider.

Image
A full-width image, with the text displayed above.
Once you’ve added all your elements, click on Save and back.

Now go to the Data Tables tab.

Data Tables

This is where you upload the product’s technical information.

Set the Type to Single or Multiple.

Single is for products with one technical data table.

If you select single you need to first upload a PDF version of the technical data to support mobile viewing.

Once you have done that, click Save and back to save, then click Edit. Then you can add new elements.

For example, the CSV archives for desktop viewing.

In CSV files the cell A1 must contain the table title. It can never be empty.

Multiple is for products with more than one data table. If you have more than one CSV for one product that means that you need to select Multiple as you have more than one module.

If you select Multiple you will see a Title field and a Categories creator. Title sets a master title for the all data tables, and Categories creates subsections for the data tables.

Next, upload a PDF version of the technical data to support mobile viewing. Save, then click Edit. Next, click Add Element to upload the data tables in CSV format. Select the CSV (or Excel) file. Upload an image for this element. Then select a previously created category.

Finally, click on Save and back to finish updating your product.