We're happy to help you!

Submit a request
    Getting Started

    Getting started

    If you are new to Diziana here's some quick steps for how to get started.

    Knowledge Base

    Knowledge Base

    Find what you need in our Knowledge base.

    Community

    Community

    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.

    Diziana_theme_configure_image_14.png

     

    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:

    Diziana_theme_configure_image_22.png

     

    List layout:

    Diziana_theme_configure_image_15.png 

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

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

    Diziana_theme_configure_image_20.png

     

    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

     

    Diziana_theme_configure_image_1.png

     

    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. 

    Diziana_theme_configure_image_3.png

     

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

    Diziana_theme_configure_image_2.png

     

    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:

    Diziana_theme_configure_image_28.png

    on-hover:

    Diziana_theme_configure_image_27.png

     

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

    Diziana_theme_configure_image_4.png

     

    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.

    Diziana_theme_configure_image_6.png

     

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

    Diziana_theme_configure_image_7.png

     

    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.

    Diziana_theme_configure_image_5.png

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

    Diziana_theme_configure_image_8.pngDiziana_theme_configure_image_9.png

     

    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.

    Diziana_theme_configure_image_10.png

    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:

    Diziana_theme_configure_image_24.png

    List layout:

    Diziana_theme_configure_image_23.png

    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.

    Diziana_theme_configure_image_12.png

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

    default:

    Diziana_theme_configure_image_25.png

    on-hover:

    Diziana_theme_configure_image_11.png

     

    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.

    Diziana_theme_configure_image_16.png

     

    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.

    Diziana_theme_configure_image_18.pngDiziana_theme_configure_image_19.png

     

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

    Diziana_theme_configure_image_17.png

     

    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.

    Diziana_theme_configure_image_21.png

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

    Default:

        Diziana_theme_configure_image_26.png   

    On-hover:

     Diziana_theme_configure_image_29.png

     

    font-icon:

    Diziana_theme_configure_image_30.pngDiziana_theme_configure_image_31.png

    Here, we come to the end of configuring category/dynamic blocks.

     

    Have more questions? Submit a request
    Avatar
    Diziana Help

    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.

    Diziana_theme_configure_image_14.png

     

    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:

    Diziana_theme_configure_image_22.png

     

    List layout:

    Diziana_theme_configure_image_15.png 

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

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

    Diziana_theme_configure_image_20.png

     

    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

     

    Diziana_theme_configure_image_1.png

     

    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. 

    Diziana_theme_configure_image_3.png

     

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

    Diziana_theme_configure_image_2.png

     

    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:

    Diziana_theme_configure_image_28.png

    on-hover:

    Diziana_theme_configure_image_27.png

     

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

    Diziana_theme_configure_image_4.png

     

    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.

    Diziana_theme_configure_image_6.png

     

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

    Diziana_theme_configure_image_7.png

     

    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.

    Diziana_theme_configure_image_5.png

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

    Diziana_theme_configure_image_8.pngDiziana_theme_configure_image_9.png

     

    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.

    Diziana_theme_configure_image_10.png

    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:

    Diziana_theme_configure_image_24.png

    List layout:

    Diziana_theme_configure_image_23.png

    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.

    Diziana_theme_configure_image_12.png

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

    default:

    Diziana_theme_configure_image_25.png

    on-hover:

    Diziana_theme_configure_image_11.png

     

    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.

    Diziana_theme_configure_image_16.png

     

    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.

    Diziana_theme_configure_image_18.pngDiziana_theme_configure_image_19.png

     

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

    Diziana_theme_configure_image_17.png

     

    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.

    Diziana_theme_configure_image_21.png

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

    Default:

        Diziana_theme_configure_image_26.png   

    On-hover:

     Diziana_theme_configure_image_29.png

     

    font-icon:

    Diziana_theme_configure_image_30.pngDiziana_theme_configure_image_31.png

    Here, we come to the end of configuring category/dynamic blocks.

     

    0
    Comments
    Diziana Support

    Knowledge base

    Have more questions? Submit a request
    How to configure static/custom and dynamic/category homepage blocks?
    Was this article helpful?
    0 out of 0 found this helpful