1. Get Started
  2. Installation
  3. Requirements
  4. Create Pages
  5. Modules
  6. Extensions
  7. Meetup Template Config
  8. FAQs

Meetup

Shop

Some steps to create

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:

Folder Contents
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

They are:

*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:

<aside id="text-2" class="widget_text widget"><h3 class="module-title"><span>don’t miss out</span></h3> <div class="textwidget"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud... </p> </div> </aside> <aside id="multicolorsubscribewidget-8" class="MultiColorSubscribeWidget widget"> <div id="multicolor-subscribe-57425e76c989c" class="multicolor-subscribe"> <div class="max-email-box"> <form id="multicolor-subscribe-form-57425e76c989c" class="multicolor-subscribe-form" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=designaeon', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"> <input id="mcolor-subbox-57425e76c989c" class="email commons mcolor-subbox" type="email" style="border:1px solid #ddd !important" name="email" value="Email Address..." onfocus="if(this.value==this.defaultValue)this.value='';" onblur="if(this.value=='')this.value=this.defaultValue;"> <input type="hidden" value="designaeon" name="uri"> <input type="hidden" name="loc" value="en_US"> <input id="mcolor-button-57425e76c989c" class="mcolor-button subscribe commons" style="background:#111111;border:1px solid#111111;color:#ffffff;" name="commit" type="submit" value="Subscribe"> <script type="text/javascript"> (function ($) { $('#mcolor-button-57425e76c989c').hover(function () { $(this).css({backgroundColor: "#e4591", borderColor: "#e4591", color: "#fff"}); }, function () { $(this).css({backgroundColor: "#111111", borderColor: "#111111", color: "#ffffff"}); }); })(jQuery); </script> </form> </div> </div> </aside>