Create product CMS blocks

Edit on GitHub


Create a product CMS block

  1. Go to Content > Blocks.
  2. On the Overview of CMS Blocks page, click Create block. This opens the Create new CMS Block page.
  3. For STORE RELATION, select the stores you want the CMS block to be displayed in.
  4. For TEMPLATE, select Product Block.
  5. Enter a NAME.
  6. Optional: Select a VALID FROM date.
  7. Optional: Select a VALID TO date.
  8. Optional: Enter and select one or more PRODUCTS.
  9. Click Save. This opens the Edit CMS Block Glossary page with a success message displayed.
  10. Optional: For CONTENT, add content to the block per placeholder per locale.
  11. Click Save. This opens the Edit Block Glossary page with a success message displayed.

Reference information: Create product CMS blocks

STORE RELATION Stores to display the block in.
TEMPLATE Defines the layout of the CMS Block. A developer can create more templates.
NAME You will use this name when assigning the block to a slot in a page.
VALID FROM and VALID TO Dates that inclusively specify when the block is to be visible on the Storefront.
PRODUCTS The block will be displayed on the product details pages of these products.

Reference information: Add content to the placeholders of a CMS block

The only field for editing placeholders is CONTENT. Depending on the template of a block, the block can have different placeholders. On the Edit CMS Block Glossary page, placeholders are represented by tabs. So, using the editing tools in the CONTENT field, you can add content per placeholder per locale. After adding the content, click Save. This will refresh the page with a success message displayed.

Apart from the usual editing tools, you can add content items to blocks’ placeholders. To add a content item in the editor, do the following:

  1. In the CONTENT field of the needed placeholder, place your cursor where you want to add the content item to.

  2. From the Content Item menu button, select the content item you want to add. The Insert a Content Item window opens. Insert content item for blocks

  3. In the SELECT A CONTENT ITEM pane, select a content item to add.

  4. For Select a template, select a template to apply to the content item.

  5. Click Insert This closes the window. The widget with the information about the content item is displayed in the CONTENT field.

Content item widget

  1. Click Save. This refreshes the page with a success message displayed. When the block is rendered on the Storefront, the widget will be rendered as the selected content item.

Next steps

Edit CMS blocks