Creating Content Items

Last updated:
Edit on GitHub

This topic describes the procedure of creating content items in the Back Office.

To start working with сontent items, go to Content Management > Content Items.

Select a Content Item

Follow the steps below to select a content item you want to create:

  1. On the Overview of Content Items page, click Add Content Item in the top right corner of the page.
  2. Select a content item type you want to create and follow the steps from the corresponding section:

See Content Items Types: Module Relations to learn more about the content item types.

See Content Items: Reference Information to learn about the attributes on this page.

Create a Banner

Follow the steps to create a Banner:

  1. On the Create Content Item: Banner page, enter Name and Description. The fields are mandatory.
  2. In the Default tab, fill out the following mandatory fields:
    • Title
    • Subtitle
    • Image URL
    • Click URL
    • Alt-text

Banner content item

See Content Items: Reference Information to learn about the attributes on this page.

  1. If needed, repeat the previous step in one or more locale-specific tabs.
Multi-language setup

The following logic applies in a multi-language setup:

  • Locale-specific values overwrite the default values when the Banner is rendered on a Storefront page with the locale selected.
  • If the fields are not filled out for a locale, the default values are displayed on a Storefront page with the locale selected.
  1. Click Save. This takes you to the Overview of Content Items page.
Verification

Make sure the Banner has been created:

  • Above the List of Content Items, you can see the message: Content item has been successfully created.
  • In the List of Content Items, you can see the created Banner.

Tips and tricks On the Create Content Item: Banner page, you can do the following:

  • Clear all the fields in a tab by clicking Clear locale.

  • Go back to the Overview of Content Items page by clicking Back to Content Items in the top right corner.

Saving changes

Make sure to click Save before clicking Back to Content Items or going to any other Back Office section. Otherwise, the changes are discarded.

Create an Abstract Product List

Follow the steps to create an Abstract Product List:

  1. On the Create Content Item: Abstract Product List page, enter Name and Description. The fields are mandatory.

  2. In the Defualt tab, add products to the Abstract Product List as follows:

    1. In the Add more products table, click +Add to list next to the desired products.
    Verification

    The added products should appear in the table above the Add more products table.

    1. In the table above the Add more products table, sort the added products by clicking Move Down or Move Up.

See Content Items: Reference Information to learn about the attributes on this page.

  1. If needed, repeat the previous step in one or more locale-specific tabs.
Multi-language setup

The following logic applies in a multi-language setup:

  • Locale-specific products overwrite the default products when the Abstract Product List is rendered on a Storefront page with the locale selected.
  • If no products are selected for a locale, the default products are displayed on a Storefront page with the locale selected.
  1. Click Save. This takes you to the Overview of Content Items page.
Verification

Make sure the Product Abstract List has been created:

  • Above the List of Content Items, you can see the message: Content item has been successfully created.
  • In the List of Content Items, you can see the created Product Abstract List.

Abstract product list content item

Tips and tricks On the Create Content Item: Abstract Product List page, you can do the following:

  • Filter the products in the Add more products table by entering a product name or SKU in the Search field.
  • Clear all the fields in a tab by clicking Clear locale.
  • Go back to the Overview of Content Items page by clicking Back to Content Items in the top right corner.
Saving changes

Make sure to click Save before clicking Back to Content Items or going to any other Back Office section. Otherwise, the changes are discarded.

Create a Product Set

Follow the steps to create a Product Set:

  1. On the Create Content Item: Product Set page, enter Name and Description. The fields are mandatory.

  2. In the Default tab, add a product set by clicking +Add to list next to it.

    Verification

    The added product set should appear in the table above the Available Product Sets table.

See Content Items: Reference Information to learn about the attributes on this page.

  1. If needed, repeat the previous step in one or more locale-specific tabs.
Multi-language setup

The following logic applies in a multi-language setup:

  • A locale-specific product set overwrites the default product set when the Product Set content item is rendered on a Storefront page with the locale selected.
  • If no product set is selected for a locale, the default product set is displayed on a Storefront page with the locale selected.
  1. Click Save. This takes you to the Overview of Content Items page.
Verification

Make sure the Product Set has been created:

  • Above the List of Content Items, you can see the message: Content item has been successfully created.
  • In the List of Content Items, you can see the created Product Set.

Tips and tricks

On the Create Content Item: Product Set page, you can do the following:

  • Filter the product sets in the Available Product Sets table by entering a product set name in the Search field.
  • Clear all the fields in a tab by clicking Clear locale.
  • Go back to the Overview of Content Items page by clicking Back to Content Items in the top right corner.
Saving changes

Make sure to click Save before clicking Back to Content Items or going to any other Back Office section. Otherwise, the changes are discarded.

Create a File List

Follow the steps to create a File List:

  1. On the Create Content Item: File List page, enter Name and Description. The fields are mandatory.

  2. In the Default tab, add files to the File List as follows:

    1. In the Available Files table, click +Add to list next to the desired files.
    Verification

    The added files should appear in the Selected Files table.

    1. In the Selected Files table, sort the added files by clicking Move Down or Move Up.

See Content Items: Reference Information to learn about the attributes on this page.

  1. If needed, repeat the previous step in one or more locale-specific tabs.
Multi-language setup

The following logic applies in a multi-language setup:

  • Locale-specific files overwrite the default files when the File List is rendered on a Storefront page with the locale selected.
  • If no files are selected for a locale, the default files are displayed a Storefront page with the locale selected.

File list content item

  1. Click Save. This takes you to the Overview of Content Items page.
Verification

Make sure the File List has been created:

  • Above the List of Content Items, you can see the message: Content item has been successfully created.
  • In the List of Content Items, you can see the created FIle List.

Tips and tricks On the Create Content Item: File List page, you can do the following:

  • Filter the files in the Available Files table by entering a file name in the Search field.
  • Clear all the fields in a tab by clicking Clear locale.
  • Go back to the Overview of Content Items page by clicking Back to Content Items in the top right corner.
Saving changes

Make sure to click Save before clicking Back to Content Items or going to any other Back Office section. Otherwise, the changes are discarded.

What’s next? The content item is created. Now, you can add it to a CMS block.