Showcase a single product

Use single product elements or the product slider to highlight specific products in your shop.

How to showcase a single product

1. In the sidebar of the administration, navigate to Editor.
   The Editor opens.
2. Navigate to Pages.
3. Select the page to edit or add a new page.
   A preview of the page opens on the right-hand side.
4. Navigate to Content elements → Products.
5. Drag and drop a product element to the desired position.
   You can only drop content elements into the blue areas of the page.
6. Select Add product.
   The view Add product appears.
7. In the field Search and assign, assign the product to display.
   Select the field to see a list of assignable products, or search by name or product number. Note that you cannot assign products drafts.
8. Select the product from the list.
   The product appears in the Assigned product section below Search and assign. If you would like to remove the product, e.g to assign a different product, select at the right end of the assigned product.
9. In the section Layout options, choose whether to display the product with or without details. The following shows the two layout options:
   
   With product details:
   
   The product’s name, price, and stock level are shown below the main product image. When customers select the image or product details, they are taken to the product’s detail page.
   
   Without product details:
   
   In this option, a Show more button appears on the main product image. The product’s name, price, and stock level are hidden. Selecting Show more takes customers to the product’s detail page.
   
   
10. Select Save.

You showcase the selected product in your shop.

How to exchange the assigned product

Replace the assigned product in a Product element as follows:

1. Hover over the main product image of the assigned product.
2. Select .
3. Select at the right end of the assigned product.
4. In the field Search and assign, assign a new product.
5. Select Save.

You have exchanged the assigned product.