Getting started to JoomlArt templates

Here are general information and knowledge you need to know when using every JoomlArt templates.

1. INSTALL TEMPLATE

• Log in to your administrator section of the site. The link to your administrator section should be like this: http://www.yoursite.com/administrator/
• On the top go to Site -> Template Manager -> Site Templates
  
  
  
  
  
  
• Select New form the options. See picture below:
  
  
• Browse to you zip file. and select it. Then select Upload File & Install.
  
  
• The template is installed when you get this page. Select Continue and let's publish the new template.
• Your site is ready for it's new look. Select the radio button on the Left to Template name and after that click Default from the Menu.
• Click Site -> Preview -> In New Window to see your site.

TIPS: Common problem when installing template is error of zip file. If you have error, download template again and install it.

2. INSTALL MODULE

• In your administrator area, on the top go to Site -> Installers -> Modules
  
  
• Click Browse to locate your module zip file. After that, click upload and install.
  
  
• Remember to publish and set position for your new module.

3. MODULE POSITION

Some templates of JoomlArt have addition module positions to decorate your content more attractive. To add a new module position, follow steps below:

• In your administrator area, on the top go to Site -> Template Manager -> Module positions
  
  
• You will see a list of default Joomla module positions. To add a module position, find a blank textbox and type name of your module, after that click SAVE
  
  

TIPS: To list all your template modules in your site type your url in your browser:
http://www.yoursite.com/index.php?tp=1

4. MODULE SUFFIX

Joomla have specific parameter named Module suffixes let you design your module in custom look. JoomlArt templates usually comes with serveral built-in module styles. To add module suffix to your current module, do step belows:

• In your administrator area, on the top go to Module -> Site modules
  
  
• There is a list of current modules in your site. Click on a module title to edit module.
  
  
• In Module detail information page, scroll page to bottom you will see parameter: Module Suffixes
  
  
• Type your module suffixes (usually have form: -nameofsuffix)
• After that, click Save to save new module parameter.
• Now refresh your main site to see how it changed.

5. COMMON JA TOOL CONFIGURATIONS

• Menu configuration:
  Open your index.php file, in top you will see this line:
  
  
  
  Change $ja_menutype to what menu you need
• Font size configuration:
  Open your index.php file, in top your will see this line
  
  
• Screen size configuration:
  Open your index.php file, in top your will see this line
  
  
  
  Change $ja_width_default to size you want.
• Usertool configuration:
  Open your index.php file, in top your will see this line
  
  
  
  Change $ja_tool to size you want.

Extension(s) used in template

JA NEWS

This guide will show you how to install and config JA News module.

• In administrator area, on top menu go to: Installers -> Modules
• After that, browse to your module zip file and click Upload and Install
• Go to Site -> Site Templates -> Template position to add news position: ja-news for JA News module
• On top menu: Go to Modules -> Site modules , you will see the list of current modules in your site.
• Click JA News to config module.
  
  
  
  
• Now you will see list of configuration parameters for JA News.
  
  
  
  MAIN CONFIG
  
  Title: Is your title of you your JA News module.
  Show title: Choose to show or hide module title
  Position: You have to choose position for JA News module. In JA Larix, JA News is in ja-news position
  Module Order: Order of you this module in ja-news position.
  Access Level: Who can view this module.
  Published: Remember to publish this module.
  
  
  
  Module class suffix: You can know more about it in Getting started section
  Add module CSS: You can create a custom CSS file for this module
  Add CSS to header: Load custom CSS into header section when display module
  Show headline: Enable or disable headline in JA News module.
  Headline text: Label for Headline section.
  Number of Headline news: Number of headline rotating.
  Show Readmore: Show/Hide readmore link.
  Headline fixed height: Height of headline
  Auto roll: Enable/ Disable auto roll function
  Iconv: Use Iconv function to process the txt if your charset is not UTF-8. Iconv library is included from PHP5
  Group by Category or Section: Display group by News or Section.
  Category (Section) ID: Selects items from a specific Category (Section) or set of Categories (Sections) (to specify more than one Category, seperate with a comma , ).
  
  
  
  Remember to show JA News only in Homepage.
  
  

VIRTUEMART component and modules

To begin install Virtuemart, you have to add these module position to your template positions: vm-fp, your-cart

• In administrator area, on top menu go to: Installers -> Component
• Browse to VirtueMart component and click Upload and Install
• Install these modules: mod_product_categories, mod_ja_vmproductslide, mod_virtuemart_featureprod, mod_virtuemart_cart.
• Extract these file and copy all of files & folder into your Joomla directory (keep file & folder structure).
• In Joomla administrator area top menu, click Component->VirtueMart
  
  
• You will see a large list icon. Click to Category Tree
• After that, click to a product categories.
• You will see a Parameter named: Category Browser Page. It is name of template which is used to display product category. Change this value to : ja_vm_cat_browse (this is template JA design for better presentation).
  
  
  
  Remember to set it when you adding product categories in VirtueMart.
• To change size of thumbnail images, you can config change it in file
  
  administrator\components\com_virtuemart\virtuemart .cfg.php
  
  define('PSHOP_IMG_WIDTH', '140');
  define('PSHOP_IMG_HEIGHT', '140');

JA VM Product Slider

Before install JA VM Product Slider, remember to add new module position named "slider".

• At first, you have to install JA VM Product Slider.
• In top menu, go to Module->Site modules , you will see list of modules in your site. Click to JA VM Product Slider to edit it.
• You will see these parameters:
  
  
• Title: Name of this module. You can leave it by default
• Show title: Enable/Disable Title of module. Choose No
• Position: Position where this module display. Choose slider
• Published: Choose Yes
  
  
  
  
  
  Height of div: Height of product display block to display, set it to 150
  Width of div: Width of product display block to display, set it to 140
  Type of product: Type of products will be displayed.
  Category: IDs of Categories that will be displayed. Set it to 0 if you want to display all product. If you want to display some category, seperate it by comma. For example 1, 2 ,3
  Number of Elements: Number of products will be displayed.

Typography

Here are the guideline help you using our pre-built typgraphies to decorate your content.

• The New Blockquote (with open and close quote). Use

  Your quote goes here!

  
  
  
• The Hilight Blockquote. Use

  Your quote goes here!

  
  
  
• Rounded Speech Bubble. Use
  Your Bubble goes here!

  Bubble
  
  
  
• Square Speech Bubble. Use
  Your Bubble goes here!

  Bubble
  
  
  
• Rounded Thinking Bubble. Use
  Your Bubble goes here!

  Bubble
  
  
  
• Square Thinking Bubble. Use
  Your Bubble goes here!

  Bubble
  
  
  
  
  The traditional ones are:
• The Sticky Note. Use

  Your note

  to form a sticky note
  
  
• The Download Note. Use

  Your note

  to form a download box
  
  
• The Block Number. Use

  NumberYour content

  to form a block with big number.
  
  
• Checklist: use
  • Your list go here
  
  
  
• Checklist star
  • your list go here
  
  
  
• Highlight text. Use Your text
• Tips. Use

  Your tip

• Source code. Use
  Your code
  . You can also use the

   tag instead.

• Error message. Use

  Your error message

• Info message. Use

  Your info

• Drop cap style. Use

  < span class="dropcap">Drop cap

  
  
  

Guide for building site based on JA Larix

Disable paging result in frontpage

For best presentation of homepage, you'd better disable paging results in homepage by doing:

• In administrator area, on top menu go to Menu->Main Menu
• Chose Home to edit it
• In Edit screen of menu Home you will see these parameter Choose Pagination= Hide, Pagination result = Hide.
  
  

Disable Joomla content in frontpage

Because of Joomla content in frontpage is replaced by JA News module, so you have to disable Joomla content show in frontpage by these steps below:

• In administrator area, on top menu go to Menu->Main Menu
• Choose Home to edit it
• In Edit screen of menu Home, you will see these parameter, Leading=0, Intro=0
  
  

Highlight module

JA Larix have 2 module styles. You can use Module class suffixes: -dark , -grey

Note for users who using narrow screen width

If you use narrow screen, you have to do:

• Decrease number of products in JA VM Slider by config it.
• Decrease width and height of VirtueMart product thumbnail images to 120px.