Be a part of Diziana Community to get advice from our customer service pros and try various tips and tricks.

How to configure static/custom and dynamic/category homepage blocks?

What are static/custom and dynamic/category homepage blocks?

Static/Custom blocks:

The static blocks or custom blocks are the ones that have defined title and description and are fixed in number.

Dynamic/Category blocks:

The dynamic or category blocks are the ones that are directly uploaded on runtime, from the help center server, along with their title and description.

They can be shown in two ways:

Blocks layout:

List layout:

How to configure the visibility of static as well as dynamic blocks?

The settings for the visibility of the blocks are as follows:

How to configure the working of custom blocks?

Let us learn to configure custom blocks in simple DIY steps.

Steps:

1. After setting the visibility for the custom blocks group, look at the settings available for each custom block, in the settings panel.

Each block has the following settings available, varying with the help-centers content:

visibility selector

default icon

hover icon

font-icon

title

title DC

description

description DC

URL

2. Now, update the visibility of the first block, from the visibility selector available.

3. Update the default icon for the block, from the default icon settings.

Replace the existing image with the desired image, using the replace option. use Revert option to undo the change.

4. Similarly, update the hover icon for the block, from hover-icon settings.

5. If you want to replace icon images with "font-awesome" icons, enter the desired icon's class in the font-icon settings.

There is no need for a separate hover font-icon entry, as the icon's color is also changed as the title's color changes, on hover.

default:

on-hover:

6. Next, update the title of the block from the title settings, by replacing the existing title with the desired title.

7. Update the Title DC of the block from the settings.

Steps:

1. Select "Support" from the menu icon on the top-right of the help center.

2. Go to settings icon in the icon tray on the top-left.

3. Go to dynamic content in the left menu panel under the manage tab.

There on the right is all the dynamic content available in your HC, as well as the option to add more items.

4.After adding/selecting the required DC, add its title to the title DC settings.

8. Similarly, update the description and description DC of the block.

9. Finally, add the URL for the block, in the URL settings, by replacing the # with the URL address.

Here, we come to the end of configuring custom/static blocks.

How to configure the working of category blocks?

Since the category blocks are rendered directly from the server on runtime, hence there is not much that can be configured about them. The one thing that can be configured for each category block item, is the icon used for display.

Let us learn to configure category blocks in simple DIY steps.

Steps:

1. After setting the visibility for the category blocks group, the icon/s being displayed can be updated in the following steps.

2. By default, each category block has favicon as its icon.

Blocks layout:

List layout:

3. Rename the images you want to display as icons, with the ID of the article for which a particular image will be displayed.

The ID is displayed in the URL of the particular article.

eg. images for an article with ID: 360000077645, are:

default:

on-hover:

4. To change the icon from favicon to any other image or font-icon, click on the ellipsis icon in the top-right corner of the setting panel, and select the "edit-code" option.

5. On the next panel, select the "add assets" option and add the image/s you want to display as icons for each separate block item. You can choose to add only default image or both default and on-hover image.

6. After uploading the assets, click open the "Document_head.hbs" file in the templates folder.

7. In the file, add the names of the assets in the manner mentioned in the instructional comments.

For font-icon, mention the name of the class of the font-icon, as shown in the image.

In the case of font-icon, hover icon is not required to be mentioned separately, as the default icon changes its color on hover, like the rest of the text.

8. After successful completion of the above process, each category block will display the icons added with the article's ID, in the file.

What are static/custom and dynamic/category homepage blocks?

Static/Custom blocks:

The static blocks or custom blocks are the ones that have defined title and description and are fixed in number.

Dynamic/Category blocks:

The dynamic or category blocks are the ones that are directly uploaded on runtime, from the help center server, along with their title and description.

They can be shown in two ways:

Blocks layout:

List layout:

How to configure the visibility of static as well as dynamic blocks?

The settings for the visibility of the blocks are as follows:

How to configure the working of custom blocks?

Let us learn to configure custom blocks in simple DIY steps.

Steps:

1. After setting the visibility for the custom blocks group, look at the settings available for each custom block, in the settings panel.

Each block has the following settings available, varying with the help-centers content:

visibility selector

default icon

hover icon

font-icon

title

title DC

description

description DC

URL

2. Now, update the visibility of the first block, from the visibility selector available.

3. Update the default icon for the block, from the default icon settings.

Replace the existing image with the desired image, using the replace option. use Revert option to undo the change.

4. Similarly, update the hover icon for the block, from hover-icon settings.

5. If you want to replace icon images with "font-awesome" icons, enter the desired icon's class in the font-icon settings.

There is no need for a separate hover font-icon entry, as the icon's color is also changed as the title's color changes, on hover.

default:

on-hover:

6. Next, update the title of the block from the title settings, by replacing the existing title with the desired title.

7. Update the Title DC of the block from the settings.

Steps:

1. Select "Support" from the menu icon on the top-right of the help center.

2. Go to settings icon in the icon tray on the top-left.

3. Go to dynamic content in the left menu panel under the manage tab.

There on the right is all the dynamic content available in your HC, as well as the option to add more items.

4.After adding/selecting the required DC, add its title to the title DC settings.

8. Similarly, update the description and description DC of the block.

9. Finally, add the URL for the block, in the URL settings, by replacing the # with the URL address.

Here, we come to the end of configuring custom/static blocks.

How to configure the working of category blocks?

Since the category blocks are rendered directly from the server on runtime, hence there is not much that can be configured about them. The one thing that can be configured for each category block item, is the icon used for display.

Let us learn to configure category blocks in simple DIY steps.

Steps:

1. After setting the visibility for the category blocks group, the icon/s being displayed can be updated in the following steps.

2. By default, each category block has favicon as its icon.

Blocks layout:

List layout:

3. Rename the images you want to display as icons, with the ID of the article for which a particular image will be displayed.

The ID is displayed in the URL of the particular article.

eg. images for an article with ID: 360000077645, are:

default:

on-hover:

4. To change the icon from favicon to any other image or font-icon, click on the ellipsis icon in the top-right corner of the setting panel, and select the "edit-code" option.

5. On the next panel, select the "add assets" option and add the image/s you want to display as icons for each separate block item. You can choose to add only default image or both default and on-hover image.

6. After uploading the assets, click open the "Document_head.hbs" file in the templates folder.

7. In the file, add the names of the assets in the manner mentioned in the instructional comments.

For font-icon, mention the name of the class of the font-icon, as shown in the image.

In the case of font-icon, hover icon is not required to be mentioned separately, as the default icon changes its color on hover, like the rest of the text.

8. After successful completion of the above process, each category block will display the icons added with the article's ID, in the file.