Showcase a single product on your website

Use single product elements or the product slider to highlight specific products on your website.This comes in handy if you want to highlight a special offer or have specialized in a single product.

These elements refer to previously created products and link to their product pages. For further information on products and product pages, refer to Add and set up products.

Topic overview:

• How to showcase a single product
• How to exchange the assigned product

How to showcase a single product

1. In the sidebar of your cockpit, 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 next to the assigned product.
9. In the section Layout options, choose whether you would like to show the selected product with or without product details:
   • With product details:
     
     The product’s name, price, and stock level are shown below the main product image. When visitors 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 visitors to the product’s detail page.
10. Select Save.

You showcase the selected product on your website.

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 next to the assigned product.
4. In the field Search and assign, assign a new product.
5. Select Save.

You have exchanged the assigned product.