Categories

Featured templates

ZenCart. How to manage custom blocks

Charlotte Bennett May 14, 2015
Rating: 5.0/5. From 1 vote.
Please wait...

Some of our new ZenCart templates have special module which allows to display blocks (usually in the bottom of the home page) with some custom content. In this tutorial we will show you how to manage these Custom blocks in ZenCart templates.

ZenCart. How to manage custom blocks
  1. Log into your Zencart admin panel and go to Configuration-> TM Customblock section.

    ZenCart_How_to_manage_custom_blocks_1
  2. Here you can see a list of custom blocks added to your site:

    ZenCart_How_to_manage_custom_blocks_2
  3. In order to edit a block, click the Info button in front of the block you need to change, and then press Edit:

    ZenCart_How_to_manage_custom_blocks_3

  4. You can edit the text content of the block in a special line appearing on the right:

    ZenCart_How_to_manage_custom_blocks_4

    Note: You need to edit the text in HTML tags. If you delete the tags, the styles of your block will be lost.

  5. In order to disable the block, press the Edit button on the TM Customblock, select false option under “Activate TM Customblock”, then click the Update button to save the changes:

    ZenCart_How_to_manage_custom_blocks_5
  6. In case you want to delete one of the blocks, go on your server using the hosting cpanel of the FTP and search for the tpl_customblock.php file located in the “includes\templates\themeXXX\common” folder.

    • Open the file with any code editor, you may use code editor directly on the cpanel:

      ZenCart_How_to_manage_custom_blocks_6
    • Each custom block is represented by a separate “<li>”-item. You can delete or comment the code of the block you want to remove:

      ZenCart_How_to_manage_custom_blocks_7

    • After removing the block you need to adjust the layout of the page by changing the bootstrap class of the block items. For example, to change the layout from 3-column to 2-column, you need to replace “col-sm-4” with “col-sm-6”:

      ZenCart_How_to_manage_custom_blocks_8
    • Save the modifications.

  7. Check your changes at the site frontend after refreshing the page.

We hope the tutorial was useful for you. Feel free to check the detailed video tutorial below:

ZenCart. How to manage custom blocks
This entry was posted in ZenCart Tutorials and tagged block, custom, ZenCart. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket