Menu Ores template:

  • Menu template: In JM Ores, you can configure the split menu by editing file: app\design\frontend\default\jm_ores\template\ page\ja_vars.php.

In line 32:

$_params->set('ja_menu','split'); //css:CSS Menu; split: Split Menu;
  • Change color theme in Ores template:

You can configure the color theme with any color you expect as our demo site by editing file: app\design\frontend\default\jm_ores\template\ page\ja_vars.php

$_params->set('ja_color','default');//default, red, blue 

Please kindly replace with:

PHP Code:

$_params->set('ja_color','light');//'default','blue','red','teal','gray','green','yell ow','cream','light' 
#Supported colors
$tmpTools->setColorThemes (array('default','blue','red','teal','gray','green','yell ow','cream','light' )); 

How to install

There are two ways to install a UberTheme Magento theme:

  • General Installation: Applicable if you have installed a Magento base on your server before.
  • Quickstart Installation: Applicable if you want to get a whole new site as per Demo.

Decide which way to follow. Once downloaded, unzip the package to get the following folders:

  • mage_ext: contains all built-in extensions of the theme.
  • mage_tpl: contains the theme files only.
  • quickstart: a full Magento CMS version with the theme already integrated to match the demo.
  • source: contains all source files of the theme.

Provided that you have installed the Magento base already, General Installation will help you adapt the theme and its extensions with your current site.

Note: Your store must be ready before the installation. If not, get it done quickly by following the Magento Installation Guide. See also the following docs for general installations and configurations.

For more details, please check the documentation of the specific extension here.

Install Extensions:

In Ores, following extensions are included:

Having integrated JM Ores template and extensions to your Magento, then you have a Homepage like our demo:

1. Create Custom Extension:

The JM Ores front-page uses 4 custom extensions: Upgrading To Magento, 6 Preset Styles, Multi Menu, What is Magento on Hompage as screenshot below:

And 4 custom extensions: Resources, Statistics, License, Support Center on other sub-page as screenshot below:

To create these extensions, go to CMS > Static Block >and select page that you want to display this extension on.(e.g: Home page):

You can add a new block by clicking on Add New Block button to create new block and input the content of this block as you need.

For example: Statistics

You simply input content into section Content:

Each static block content should be inputted right format as below:

PHP code:

<div class="ja-box-right" style="width: 25%;">
<div class="inner">
<div class="block">
<div class="block-title">TITLE</div>
<div class="block-content">DESCRIPTION HERE</div>

And then configure default parameters as per screenshot below:

Parameters explanation:

  • Block title: Title of Block.
  • Identifier: Define ID of Block
  • Store View: Choose view option for block
  • Status: Enable/Disable to public to Front-page.
  • Content: This is content of block. You can add image or text content to custom extension as you would like.

Refresh your front-page to see how it works:

2. Product Slider Extension:

On our Ores demo, Products Slider extension is set on jm-productsslider position.

Navigate to System > Configuration > Products Slider and configure default criteria as per screenshot below:

Go to Catalog > Manage Categories, see the Category ID that you would like to display on Product Slider:

To push this extension onto front page, go to CMS > Manage page >and select page that you want to display this extension on.(e.g: Home page)

Fill in Content parameter with syntax below:

{{block type="joomlart_jmproductsslider/list" name="jmproductsslider"}}

Then, see how it works on front-page:

To this end, you have the Ores up and run as per our demo. Enjoy the new theme for your Magento site.

3. How to configure Menu as Ores Demo site

Ores uses Mega Menu. Follow the below guide below to get it configured properly.

To enable Mega Menu, please navigate Backend >> System >> Configuration >> Mega Menu

To add menu items, please navigate Backend >> Mega Menu >> Manage Menu Item .You must create add new Menu Group.The settings below belong to English group. Other language groups have similar settings menu item.

3.1. Home Menu

Front-end appearance

Item : Home Item -- Menu Backend Settings

3.2. Shoes Menu

Front-end appreance:

Item 1:Shoes Item -- Menu Backend Settings

Item 2: Men Item -- Menu Backend Settings

Item 3: Trends Item -- Menu Backend Settings

Item 4: Featured Product Item -- Menu Backend Settings

Other menu items have similar settings with items above.