Step 1: Create the menu item "Shop"
You go to "Menus/Main Menu/Add new"
Menu type: Hikashop » Product Listing
Step 2: Select the layout for "Shop" and configure this layout.
This page uses the layout: "tz_meetup - Shop"
To get the configuration of this layout without configuring manually, please follow the instruction:
|1||Go to Extensions/Template Manager/Select the layout "tz_meetup - Default"|
|2||Copy another layout template style from "tz_meetup - Default" layout and change its name into "tz_meetup - Shop"|
|3||Go to the tab "Preset"of the layout "tz_meetup - Shop" and select a template style available. In detail, you need to select "tz_meetup - Shop". Double-click on that template and you will see the box " Load Preset". At that time, you select "Accept".|
|4||Finally, you will have the template layout which you want.|
Step 3: Please assign this layout to the menu item
Step 4: Create all the modules which you can use in the menu item
*with the name structure: Module ID Module Name in the demo*
Please see some NOTEs to create Module HERE.
Step 5: How to change the background images for some blocks
+ Please go to the extension/template manager/select template style "tz_meetup - Shop".
+ Go to the "Layout Configuration" and go to those blocks and click on the button "settings" and change in the background image.
Step 6: How to change the colour for the blocks such as: copyright...
+ Please go to the extension/template manager/select template style " tz_meetup - Shop".
+ Go to the "Layout Configuration" and go to each block and click on the button "settings" and change in the background color.
Step 7: Refresh your site and check whether the page appears well or not.
If it appears, you are successful. If not, you need to check the steps above and to ensure that you don’t make any mistakes.
>>> To configure the don’t miss out at the bottom right, please go to the template style then click on the setting button of block Footer. Please see the screenshots below:
+ Custom HTML: