# Creating the Catalogue

Product catalogues are used to convey information regarding products and/or services offered by organisations. These catalogues are made available on each employee’s home page or in pathways where their progress can be tracked.

By working through this document, administrators will learn how to use the product catalogue module to create catalogues. Once they have been added to pathways, learners or employees can receive training and certification based on the content in these catalogues.

The main steps which will be followed in this manual to familiarise you with the Product Catalogue module are:

<div data-article-id="502844" data-workflow="false" id="bkmrk-create-a-new-catalog"><div data-article-id="502844" data-workflow="false"><div data-role="steps-container"><div>- Create a new catalogue
- Assign an expert to a catalogue
- View/edit a catalogue
- Basic navigation controls
- The Page Editor
- Using a catalogue in a pathway
- Administrative Functions

</div></div></div></div># Creating the Catalogue

In this section we discuss how to create a new catalogue, allocate an expert, how to add content to the catalogue and general administration of all catalogues in the system. Only a user which has been allocated the catalogue administration role will be able to create product catalogues. Experts can update the content within catalogues.

## <svg aria-label="Heading anchor" enable-background="new 0 0 20 20" height="16" role="img" viewbox="0 0 20 20" width="16" xmlns="http://www.w3.org/2000/svg"></svg>Product Catalogue Administration Menu

*To navigate to the module, select System Administration | Modules | Catalogue*

<div data-article-id="498314" data-workflow="false" id="bkmrk-"><div data-article-id="498314" data-workflow="false"><div data-role="steps-container"><div data-step-uuid="5971af58-af55-4526-b6e1-5e86472e3d86"><div></div><div>![](https://media.screensteps.com/image_assets/assets/001/357/389/original/efd7d7b5-241e-4cd4-ac10-92a360d0acf4.jpg)</div></div><div data-step-uuid="f6802fa7-5853-4534-9c56-708f8f657f00"></div></div></div></div>## <svg aria-label="Heading anchor" enable-background="new 0 0 20 20" height="16" role="img" viewbox="0 0 20 20" width="16" xmlns="http://www.w3.org/2000/svg"></svg>Create a new Catalogue

<div data-article-id="498314" data-workflow="false" id="bkmrk--0"><div data-article-id="498314" data-workflow="false"><div data-role="steps-container"><div data-step-uuid="f6802fa7-5853-4534-9c56-708f8f657f00"><div>![](https://media.screensteps.com/image_assets/assets/001/357/383/original/edfd08e6-c21a-4c0d-bd5a-1e7effadf3fc.jpg)</div><div></div></div></div></div></div>Click on “Create New Catalogue” to add a new catalogue to the system, then enter the basic details for the catalogue.

Complete the details after the “Add New Catalogue” window has loaded.

<div data-article-id="498314" data-workflow="false" id="bkmrk-catalogue-name%3A-the-"><div data-article-id="498314" data-workflow="false"><div data-role="steps-container"><div data-step-uuid="f6802fa7-5853-4534-9c56-708f8f657f00"><div>- Catalogue Name: The name for the catalogue which clearly identifies the content within the catalogue.
- Image URL: The full URL to the primary image to be used on the first page of the product catalogue, as obtained from the Image Uploader in the system - see the administrative processes later in this document for instructions on using the Image Uploader.
- Thumbnail URL: The full URL to the thumbnail image to be used for the product catalogue, as obtained from the Image Uploader in the system - see the administrative processes later in this document for instructions on using the Image Uploader.
- Status: Whether the catalogue is published for view and editing by users (and experts) in the catalogue menu item of the system.
- Primary Color: The hexadecimal value used to represent the primary background colour in the catalogue.

</div></div></div></div></div><p class="callout info">**Note:** Do not publish a catalogue before all of its content has been confirmed and it is ready for use.</p>

### <svg aria-label="Heading anchor" enable-background="new 0 0 20 20" height="16" role="img" viewbox="0 0 20 20" width="16" xmlns="http://www.w3.org/2000/svg"></svg>Capture catalogue details

Enter the required details and save. More details regarding each field:

<div data-article-id="498314" data-workflow="false" id="bkmrk-catalogue-name%3A%C2%A0the-"><div data-article-id="498314" data-workflow="false"><div data-role="steps-container"><div data-step-uuid="f6802fa7-5853-4534-9c56-708f8f657f00"><div data-step-uuid="05791b98-4a83-4804-a4d2-8534234f0106"><div>- **Catalogue Name:** The name for the catalogue which clearly identifies the content within the catalogue.
- **Image URL:** The full URL to the primary image to be used on the first page of the product catalogue, as obtained from the **Image Uploader** in the system - see the administrative processes later in this document for instructions on using the **Image Uploader**.
- **Thumbnail URL:** The full URL to the thumbnail image to be used for the product catalogue, as obtained from the **Image Uploader** in the system - see the administrative processes later in this document for instructions on using the **Image Uploader**.
- **Status:** Whether the catalogue is published for view and editing by users (and experts) in the catalogue menu item of the system.
- **Primary Color:** The hexadecimal value used to represent the primary background colour in the catalogue.

</div></div></div></div></div></div><p class="callout info">**Note:** Do not publish a catalogue before all of its content has been created by an expert and it is ready for use by all employees from the **Catalogue** menu item in the system.</p>

<div data-article-id="498314" data-workflow="false" id="bkmrk--1"><div data-article-id="498314" data-workflow="false"><div data-role="steps-container"><div data-step-uuid="f6802fa7-5853-4534-9c56-708f8f657f00"><div data-step-uuid="05791b98-4a83-4804-a4d2-8534234f0106"><div></div><div>![](https://media.screensteps.com/image_assets/assets/001/357/395/original/PCATALOGUE.JPG)</div></div></div><div data-step-uuid="193706a0-1499-4226-8bb3-dad1732c9859"></div></div></div></div>## <svg aria-label="Heading anchor" enable-background="new 0 0 20 20" height="16" role="img" viewbox="0 0 20 20" width="16" xmlns="http://www.w3.org/2000/svg"></svg>Assign an Expert to a Catalogue

Once a catalogue has been created an expert must be assigned to work on the specific catalogue - the expert is then responsible to populate the catalogue with graphics and content.

To assign an expert, click the “Experts” quick link menu item on the right-hand side of the screen.

<div data-article-id="498314" data-workflow="false" id="bkmrk--2"><div data-article-id="498314" data-workflow="false"><div data-role="steps-container"><div data-step-uuid="193706a0-1499-4226-8bb3-dad1732c9859"><div></div><div>![Assign an expert to a catalogue](https://media.screensteps.com/image_assets/assets/001/357/387/original/1e743735-67cb-4039-b8fa-b32af42dd99d.png)</div><div></div></div></div></div></div>Then click on “Add an Expert” to open a new page where the expert and catalogue needs to be selected.

<div data-article-id="498314" data-workflow="false" id="bkmrk--3"><div data-article-id="498314" data-workflow="false"><div data-article-id="498314" data-workflow="false"><div data-role="steps-container"><div data-step-uuid="193706a0-1499-4226-8bb3-dad1732c9859"><div></div><div></div></div></div></div></div></div>[![image-1616951827651.png](https://signature.signifyhr.co.za/uploads/images/gallery/2021-03/scaled-1680-/cvqnf6a5AzjNA78U-image-1616951827651.png)](https://signature.signifyhr.co.za/uploads/images/gallery/2021-03/cvqnf6a5AzjNA78U-image-1616951827651.png)

<div data-article-id="498314" data-workflow="false" id="bkmrk--5"><div data-article-id="498314" data-workflow="false"><div data-role="steps-container"><div data-step-uuid="193706a0-1499-4226-8bb3-dad1732c9859"><div></div><div></div></div></div></div></div>Click on “+ Choose Expert” to load the “Select Employee” window. Search for and select an employee from the list of employees.

The page refreshes automatically and the selected employee’s full name will show in the text box.

<div data-article-id="498314" data-workflow="false" id="bkmrk--6"><div data-article-id="498314" data-workflow="false"><div data-article-id="498314" data-workflow="false"><div data-role="steps-container"><div data-step-uuid="193706a0-1499-4226-8bb3-dad1732c9859"><div></div><div></div></div></div></div></div></div>[![image-1616951831760.png](https://signature.signifyhr.co.za/uploads/images/gallery/2021-03/scaled-1680-/1lEeAAUNcWJg3ty0-image-1616951831760.png)](https://signature.signifyhr.co.za/uploads/images/gallery/2021-03/1lEeAAUNcWJg3ty0-image-1616951831760.png)

<div data-article-id="498314" data-workflow="false" id="bkmrk--8"><div data-article-id="498314" data-workflow="false"><div data-role="steps-container"><div data-step-uuid="193706a0-1499-4226-8bb3-dad1732c9859"><div></div><div></div></div></div></div></div>The last step is to assign the expert to a catalogue. Click on the dropdown below “Catalogue” to load and select all of the catalogues available.

Click “Save” and the selected expert will now be able to add and edit content on that specific catalogue.

Note that the employee’s name is grayed out and that it cannot be changed from this page.

<div data-article-id="498314" data-workflow="false" id="bkmrk--9"><div data-role="steps-container"><div data-step-uuid="193706a0-1499-4226-8bb3-dad1732c9859"><div></div><div>![](https://media.screensteps.com/image_assets/assets/001/357/399/original/add_expert.JPG)</div></div></div></div>