The Blocks section allows a shop administrator to manage block content. Here you can create new blocks, edit or manage them, as well as assign blocks to category or product detail pages.
From the Blocks menu, you can:
- Create a new CMS block
- View CMS block details
- Manage CMS blocks
- Edit block content and layout
- Assigning blocks to product or category pages
Graphic User Interface
To open Blocks, on the left-side navigation bar, go to Content Management and click Blocks.
Hover your mouse over the numbers to view their description.
To create a new block:
- On the left-side navigation bar, select Blocks under Content Management.
- In the top right corner, click on + Create block.
This will take you to the Create CMS Block editor.
- Enter the block details:
Store relation, Template, and Name must be filled in. All other fields are optional.
- Store relation: Indicate a store locale for which the block will be available.
- Template: Select a template to define a placeholder structure of your block. See HowTo - Create Templates for CMS Pages and Blocks.
- Name: Create a name of the block.
- Valid from and Valid to: Set if you want to specify a validity range when your active block will be visible on the shop website.
- Categories: top: Assign a block to a category page and place it at the top of the page.
- Categories: middle: Add a block to a category page. The block will be displayed in the middle of the page.
- Categories: bottom: Add a block to a category page. The block will appear at the bottom of the page.
- Products: Assign a block to a product details page.
- Click Save. This will successfully create a block and take you to the Edit Block Glossary page.
You can manage block details by clicking respective buttons in the Actions column in the list of CMS blocks in the Blocks menu.
Clicking View will take you to the View CMS Block menu.
The General information section provides details regarding the locales for which the block is available, indicates whether the block is active or not, shows the block template and validity range.
The Placeholders section shows the content and title of the block.
Category and Product lists contain a list of category or product pages that the block appears on respectively. When the list is empty, it means that this block is not assigned to any category or product page.
By clicking a respective button on the top menu, you can:
|1||Edit block||Edit a block general information and layout.|
|2||Edit placeholders||Edit block content and insert CMS widgets.|
|3||Deactivate||Remove a block from the shop page.|
|4||Back to list||Return to the list of CMS blocks.|
To edit placeholders:
- Go to Content Management → Blocks.
- In the Actions column, click Edit Placeholders next to the block you want to change. The Edit Placeholder editor will open.
Here you can update a title or content of the CMS block, as well as make your content dynamic by adding a CMS widget.
From this page, you can:
- Edit general information of the block by clicking Edit block.
- Remove the block. For this, click Deactivate.
- Return to the list of CMS blocks by clicking Back to list.
Editing a Block
To edit a CMS block, go to Content Management → Blocks and click Edit Block in the Actions column of the table. The Edit CMS Block page will open.
This page allows you to perform the following actions with the CMS block:
- Specify a locale where the store will be available.
- Select a template of the block.
- Change the block name.
- Define the validity range for your block to be visible on the store website.
- Assign a block to a category or a product detail page.
From this page, you can:
- Return to the page where you can edit block title and content. For this, click Edit placeholders to the top.
- Remove the CMS block by clicking Deactivate in the upper corner of the page.
- Return to a list of CMS blocks. To do this, click Back to list.
The validity period is a period of time during which a CMS block will be visible on the shop website. Thus, you will not have to return to CMS block settings to remove it from the page because there is no need in its usage any longer. For instance, this may be important to use when holding marketing or promotion campaigns or adding a banner dedicated to special events.
To define the validity period:
- In the Blocks menu, click Edit Block next to the block you want to specify valid dates for. This will take you to the Edit CMS Block editor.
- Enter Valid from and Valid to dates during which your CMS block will be available on the page.
- Click Save.
You can make a CMS block either active (visible in the shop application) or inactive (invisible in the shop application).
To activate a CMS block, click Activate in the Actions column of the CMS block list. As a result, the status will change from Inactive to Active.
Hence, to deactivate a CMS block, click Deactivate. This will change the block status to Inactive and remove the block from the store website.
It is possible to assign CMS blocks to a category, product detail or a CMS page.
For example, you decided to hold a marketing campaign, a set of activities (sales, discounts) geared towards some event or add a banner to the page. In this case, you can embed a CMS block containing the marketing content that will be displayed only on category or product detail pages you specify.
Assigning Blocks to Category and Product Detail Pages
To assign a block to a category page:
- On the left-side navigation menu, go to Content Management and select Blocks.
- Click Edit Block next to the block you would like to use to create a page. This will take you to the Edit CMS Block editor.
You can add only existing, active and not expired block. If the block has not been created yet, go to the Creating a New Block section and create it first.
To assign a block to a category page, select a container where the CMS block will be displayed depending on your design requirements and click on Save.
- Categories: top allows you to place a block at the top of the page.
- Categories: middle displays the block somewhere in the middle of the page.
- Categories: bottom positions a block at the bottom of the page.
On the screenshot above, the CMS block is added to three categories: Smartphones, Smartwatches, and Tablets.
Now, go to the corresponding category page (for instance, Tablets) and see how each block is displayed on the store website.
where 1 is a category: top position, 2 - category: middle position, and 3 - category: bottom position.
To assign a block to a product detail page, select any of the suggested abstract products from the list and click Save.
After that, navigate to any of the added products pages and check how your visitors see the page.
Last review date: Feb 25, 2019