ZT Vela Guide

Introduction


Version 1.0.0 released Jun 11, 2015

If you are looking for a template which is adventurous as well as unique, ZT Vela is surely a good choice for you. ZooTemplate is glad to introduce to you the first amazing virtuemart Joomla template product – ZT Vela – lauching as a gift to thank you for your care and support us for a long time. It belongs to the Premium Joomla Templates and moreover, ZT Vela’s layout is crisp, clean and corporate great for business website but also will work for any corporate style website. ZT Vela is now compatible with Joomla 3.x & Zo2Framework 1.4.7.

Last but not least, we greatly appreciate your feedback from you to make this documentation improved. If you have any further question, please kindly contact to us via our Helpdesk. Our smart and flexible staffs are always ready to help you. So, feel free to be servered with best quality!

1. Help & Support


1. 1. Reference


You may find these sites useful while installing and configuring your Joomla site!:

1. 1. 1. Joomla installation


1. 1. 2. Joomla help


Online Joomla guide

There are many tutorials, acticles and forums to help you learn how to use this Joomla template and its features. This section provides helpful links to instructions on commonly used this Joomla template features, but you can learn even more by exploring these resources:

All of our items come with free support, and we have a dedicated support system to handle your requests. Support is limited to questions regarding the template’s features or problems with the template. We are not able to provide support for code customizations or third-party plugins. If you need help with anything other than minor customizations of your template then you should enlist the help of a developer.

To submit a Ticket always remember:

  • Include as many information as possible to explain your issue.
  • Your URL.
  • Name of the Template.
  • Your Joomla version.
  • If you installed extensions, specify which are these.

(We reserve the right to change or modify current Support Policy with no prior notice.)

1. 2. Zootemplate policy


ZooTemplate hereby grants you a revocable, non-transferable and non-exclusive license to use the web extensions and other products sold through our web site by ZooTemplate (the “products”) in accordance with these Terms of Use (the “license”) issued by ZooTemplate.

1. 2. 1. Limited Usage Granted


You have the right to use the ZooTemplate extensions on as many concurrent sites as your entitlements provide for. After your membership expires, you may continue to use the extensions your entitlements allow for, so the extensions are not time-limited. The Developer level clubs grants unlimited implementations of ZooTemplate extensions as long as the usage complies with the rest of the Terms & Conditions.

1. 2. 2. Ownership


You may not claim intellectual or exclusive ownership to any of our products, modified or unmodified. All products are property of ZooTemplate.com. Our products are provided “as is” without warranty of any kind, either expressed or implied. In no event shall our juridical person be liable for any damages including, but not limited to, direct, indirect, special, incidental or consequential damages or other losses arising out of the use of or inability to use our products.

1. 2. 3. Refund Policy


Since ZooTemplate is offering non-tangible irrevocable goods we can offer direct refunds if your account has not been logged-into yet. In this case the refund will be provided without any question. ZooTemplate also will offer a full or partial refund within 15 (fifteen) business days starting from the moment when the member make the payment. In this case ZooTemplate has the right to ask questions for the refund and also we have the right to NOT offer the refund if we see reasonable. The above notice, also, applies to the license fee and all our Sign Up Plans. Please Contact Us if you need further information.

1. 2. 4. Delivery


After we have successfully received your payment, your membership information will be emailed to the address that you have provided during the sign up process. It normally happened within minutes. If you do not receive this information in 24 hours from you completed sign up process please contact us support(at)ZooTemplate(dot)com. With this information you can access the member area section to download our products and access our Forums.

1. 2. 5. Unauthorized Use


You may not place any non-GPL portions of our products, modified or unmodified, on a diskette, CD, website or any other medium and offer them for redistribution or resale of any kind without prior written consent from ZooTemplate. Please Contact Us if you require more clarification.

1. 2. 6. Modifications


You are authorized to make any necessary modification(s) to our products to fit your purposes. You may not however redistribute or release non-GPL portions of the templates as GPL or otherwise. You may not remove or change the ZooTemplate copyright information in the header of the xml descriptor file for all products. You may however remove our copyright from the footer of the templates if needed. No use of our trademarks is granted under this Agreement. Please read the FAQ section regarding this if you have further questions. Porting non-GPL portions of our templates to other platforms and content management systems and redistributing as GPL or otherwise is also strictly prohibited. Please Contact Us if you have any requirements that are not covered by these terms.

1. 2. 7. Warranty and Support


ZooTemplate offers these templates and designs ‘as is’, with no implied meaning that they will function exactly as you wish or with all 3rd party extensions/products. Further, we offer no support via email or otherwise for installation, customization, administration of Joomla!CMS itself. Private customer forums are available at our Forums. ZooTemplate.com does not commit to monitor these forums, but we reserve the right to respond and answer questions. ZooTemplate does not warranty or guarantee these templates in any manner. We cannot guarantee they will function with all 3rd party extensions/products or web browsers. Browser compatibility should be tested against the demonstration templates on the demo server. Please ensure that the browsers you use will work with the templates as we can not guarantee that ZooTemplate templates will work with all browser combinations.

More infomation please refer to http://www.zootemplate.com/legal/terms-of-use.

1. 2. 8. Third-party extensions


This template may not be compatible with some third-party extensions. It’s impossible for Joomla template authors to make the template compatible by default with all existing extensions because there are thousands of available Joomla extensions. Only the “default” Joomla default is compatible with all third-party extensions, because all extensions are designed to work with it. But authors of the extension should provide detailed instruction about how to integrate the extension with custom templates, since nobody really uses “default” Joomla template, everybody uses custom template.

Generally all extensions can work with all templates but they sometimes have to be integrated manually. The same applies for third party scripts or extensions you may add that can cause conflicts with our Joomla template. In such cases you need to customize the template and merge Four conflicting template files into Four template file.

1. 2. 9. Support


Unfortunately third-party extensions are beyond the scope of our support, please contact the author of the extension if needed. Author of the extension should provide detailed instructions about how to integrate the extension with any custom Joomla template.

2. Installation


There are 2 methods of installing the ZT Vela template:

2. 1. Installation of demo site


If you’ve just started building your Joomla site from the scratch, we recommend following Quick start guide to install the entire site comes with demo data. Installing Quickstart package is like install normal joomla.

If you already have a working Joomla site and database – go to Installation for live Joomla site.

2. 2. Installation for live Joomla site


To install ZT Vela you only need to take a few quick steps:

2. 2. 1. ZT Vela template Installation


  • In Joomla administration go to menu Extensions > Extension Manager > then select Browse button and localte ZT Vela files.

You have 2 options A or B to install the ZT Vela:

  • A. Option 1:

A1. Install zo2_plugin_installer.zip. After that click on button Upload &Install.

A2. Install pkg_zo2_vela_j3x_vx.y.z.zip (x.y.z is the version of ZT Vela). After that click on button Upload &Install.

  • B. Option 2:

Install pkg_zo2_vela_j3x_vx.y.z.zip. After that click on button Upload &Install.

2. 2. 2. ZT Vela template Activation

  • Go to Back-end => Extensions => Plugin Manager => Use the Filter to search for System – Zo2 Framework and enable it.

10

  • Once ZT Vela is installed in your Joomla site, you need to make it default for your website so your pages get the new design. Please go toExtensions => Template Manager=> Zo2_Vela- Default => Click on the star icon next to it.

1

3. Extensions Configuration


3. 1. Extension Installation


In ZT Vela, we use:

You can find more useful guide to install new Joomla extensions manually in How to install new Joomla extensions manually

3. 2. Module Configuration


3. 2. 1. ZT Slideshow


1

  • Position: slide
  • Type: Zt – Slideshow
  • Access: Public
  • Show title: Hide
  • Pages: Home

ZT Slideshow allows you to easily create the sliders with multiple cool effects. With this module, you can now add a custom Slider to any or every page on your website. Equally, you can also add as many slider as you like.

A more detailed instruction about how to edit and configure ZT Slideshow can be found in ZT Slideshow Configuration Manual.

3. 2. 2. Virtuemart


Version: *Virtuemart version 3.0.9

VirtueMart is a highly configurable and customizable multi-language shopping cart solution for Joomla 2.5 and 3 with a large number of additional extensions.

3

A more detailed instruction about how to edit and configure Virtuemart can be found in Virtuemart Extension Configuration Manual.

3. 2. 2. 1. Category

2

  • Position: position-7
  • Type: VirtueMart Category
  • Access: Public
  • Show title: Show
  • Pages: Products

3. 2. 2. 2. Cart

3

  • Position: position-26
  • Type: VirtueMart Shopping Cart
  • Access: Public
  • Show title: Hide
  • Pages: All

3. 2. 2. 3. Bestsellers

4

  • Position: position-7
  • Type: VirtueMart Products
  • Access: Public
  • Show title: Show
  • Pages: Product

3. 2. 3. ZT Virtuemarter


5

ZT Virtuemarter is a combo Joomla package was made for Virtuemart extension., developed by a group of enthusiastics programmers and developers of Zootemplate.com.

3. 2. 3. 1. ZT Comparelist

6

  • Position: position-17
  • Type: Zt Comparelist
  • Access: Public
  • Show title: Hide
  • Pages: All

3. 2. 3. 2. ZT Wishlist

7

Position: position-17

  • Type: Zt Wishlist
  • Access: Public
  • Show title: Hide
  • Pages: All

3. 2. 3. 3. Latest Products

8

Position: position-13

  • Type: Ztvirtuemarter Product
  • Access: Public
  • Show title: Show
  • Pages: Home

3. 2. 3. 4. Deal of the day

9

Position: position-15

  • Type: Ztvirtuemarter Product
  • Access: Public
  • Show title: Show
  • Pages: Home

3. 2. 3. 5. New Product

10

Position: position-16

  • Type: Ztvirtuemarter Product
  • Access: Public
  • Show title: Show
  • Pages: Home

3. 2. 4. ZT Shortcodes


A good new for you, All new Joomla templates with Zo2Framework now comes with 25 built-in shortcodes (e.g. tabs, gallery, video, google map etc.) that users can attach. With this new Joomla extension, you can have an extensive collection of powerful ecommerce features that benefits all from shop owners, developers, to customers:tach to certain pages by adding the corresponding macro codes into articles or even modules. But we went a step further than the competition, we created ZT Shortcode Generator plugin for Joomla 3.x. This is a free plugin for adding & displaying Zo2 shortcodes on your website.

short-code

A more detailed instruction about how to edit and configure ZT Slideshow can be found in ZT Shortcode Configuration Manual.

3. 2. 5. ZT Language Switcher


11

  • Position: position-14
  • Type: Zt – Language Switcher
  • Access: Public
  • Show title: Hide
  • Pages: All

ZT Language Switcher is a lightweight but powerful Joomla extension, developed by a group of enthusiastics programmers and developers of Zootemplate.com. We thought the standard Joomla language switcher could use a small face lift and we created a simple module, which can help you to set up and run within seconds. Our ZT Language Switcher shows the language flags in a nice elegant dropdown.

A more detailed instruction about how to edit and configure ZT Language Switcher found in ZT Language Switcher Module Configuration Manual.


12

  • Position: position-2
  • Type: Breadcrumbs
  • Access: Public
  • Show title: Hide
  • Pages: All except Home

3. 2. 7. Contact Top


13

  • Position: position-14
  • Type: Custom HTML
  • Access: Public
  • Show title: Hide
  • Pages: All

3. 2. 8. Icon Top


14

  • Position: position-19
  • Type: Custom HTML
  • Access: Public
  • Show title: Show
  • Pages: All

15

  • Position: position-0
  • Type: search
  • Access: Public
  • Show title: Hide
  • Pages: All

3. 2. 10. Our Services


16

  • Position: position-7
  • Type: Articles – Latest
  • Access: Public
  • Show title: Show
  • Pages: All

3. 2. 11. Block Images Home Left


17

  • Position: position-12
  • Type: Custom HTML
  • Access: Public
  • Show title: Hide
  • Pages: Home

3. 2. 12. Latest News


18

  • Position: position-12
  • Type: ZT News
  • Access: Public
  • Show title: Show
  • Pages: Home

3. 2. 13. Block Checkout


19

  • Position: position-12
  • Type: Custom HTML
  • Access: Public
  • Show title: Hide
  • Pages: Home

3. 2. 14. Block Images 2


13

  • Position: position-20
  • Type: Custom HTML
  • Access: Public
  • Show title: Hide
  • Pages: All

3. 2. 15. Logo Brand


21

  • Position: position-10
  • Type: Custom HTML
  • Access: Public
  • Show title: Hide
  • Pages: Home

3. 2. 16. Ownership


22

  • Position: position-22
  • Type: Custom HTML
  • Access: Public
  • Show title: Hide
  • Pages: All

3. 2. 17. Customer Services


23

  • Position: position-23
  • Type: Custom HTML
  • Access: Public
  • Show title: Show
  • Pages: All

3. 2. 18. My Account


24

  • Position: position-24
  • Type: Custom HTML
  • Access: Public
  • Show title: Show
  • Pages: All

3. 2. 19. Subscribes


25

  • Position: zt-position-11
  • Type: Custom HTML
  • Access: Public
  • Show title: Show
  • Pages: All

3. 3. Module Class Suffix


Module Class Suffix is a parameter in Joomla! modules. This toturial will show you the easiest way to add and use Module Class Suffix to fine-tune the appearance of your site. The guide will be shown in Joomla! 3.4.1 and do the same with other Joomla versions.

29

*You can find all Module Class Suffix settings by following the guide about Module Class Suffix

4. Mega Menu


ZO2 Framework supports Mega Menu adding lots of advanced features. This Mega Menu is a perfect choice for creating unique menus. You can create a vertical, horizontal or fixed responsive menu with many custom styles and effects.

Please note that the megamenu setting is not global setting. If you use multiple styles, you need to enable and configure the megamenu option in the style you want to use the feature.

ZO2 Framework Mega Menu consists of 2 parts: Mega Menu Configuration and Mega Menu Editt

  • *You can find more related detailed configuration guide in Mega Menu

26

5. Layout Builders


Layout Builder is one of the unique features introduced in Zo2Framework which supports multiple layouts that allow you to make your content displayed flexibly. In the layout builder we used 12 columns. We called the columns as col. This means in our layout builder we used 12 cols. This 12 cols covered the whole width of our layout. If Users wants to create 4 columns then have to use col3 for every column. Also if anyone wants to create 3 columns then have use col4 for every column.

tab-layout

This part brings more functionalities and improvement user interface in managing template layouts, including:

  • Specify the number of modules to be placed within a module position.
  • Set the width for Column using bootstrap spanX classes (form col1 to col12)
  • Set any of the above options for either tablet/mobile or desktop mode through Column’s/Row’s Settings.
  • Change the name of each row, and also select any module to each column.

27

*You can find all Layout builder settings by following the guide about Layout Builder

6. Fonts, Theme Preset and Advanced Settings


toolbar

Built in new Zo2 Framework, ZT Vela provides you a various of settings:

  • General Settings: These are the general options for the templates
  • The Font Settings: provides the ability to change the font size as well as the font type used in the template. Many popular web fonts are included as options and some templates also include additional custom font options.
  • Theme Preset: The Presets Style Panel in ZO2 Framework makes use of a powerful Preset system that allows you to create preset styles and customization.
  • Advanced Settings: show up with many advanced options related to RTL, sticky menu, responsive layout, switcher box, custom css, tracking code and developer options.

Please visit to our Zo2 Framework document site to see the setting for each section.

7. Frequently Asked Questions


7. 1. How can I change my Joomla site favicon?


Answer:

7. 2. How to change browser page title?


Answer:

  • Simply, just refer this guide to know to to change Browser/Homepage/Site’s Title.

7. 3. How to create multiple languages in this template?


Answer:

18

7. 4. How to edit CSS, Javascript of the Template?


Answer:

Please follow the How to custom template’s CSS and Javascript tutorial will take you through the steps needed to add a custom stylesheet to your ZO2 template, without worrying about lost changes when the template or ZO2 framework are updated.

8. Support Us


Thank you for reading!

We hope you can create the best website with our template.

Four again, thank you so much for using our template. As i said at the beginning, i’d be glad to help you if you have any questions relating to this template. No guarantees, but i’ll do my best to assist. If you have a more general question relating to the template.

Do not hesitant to contact us by submiting ticket via our helpdesk – http://member.zootemplate.com/helpdesk.

Please take a screenshot photo with descriptions about your problem. More details about your problems help us more easier to figure out and respond you sooner.

  • Scope of Support:

Our support covers getting setup, trouble using any features and any bug fixes that may arise. Unfortunately we cannot provide support for customizations or 3rd party plugins. If you need help with customizations of your template, please contact with us with your requirement. Our technical team will help you with some fees.

  • Support Schedule:

Our working time is 8:00am – 5:00pm from Monday to Friday (GMT+7) and 8:00am- 11:30am Saturday. So if you email us or submit ticket besides this working time, we are really sorry that we are not able to respond you soon. We will try to reply you as fast as we can. Especially if you email or submit ticket at weekend, please be patient and we will respond to you right when we are back on Monday.