Back to Documentation list

Mozanis

Last Updated: Dec 02, 2015

I. Installation

So you are about to install our professional Magento theme for eCommerce Magento stores. The theme is packed up with long-listed complementary Magento extensions.
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.

II. Layout and Block positions

The Bistro front-page uses 8 static blocks on Theme:

  • Bedroom Furniture
  • Living room Funiture
  • Office Furniture
  • block-static-06
  • block-static-07
  • block-static-08
  • block-static-09
  • Block paypal

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

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. Please see How to create New Static Block.

2.1 Bedroom Furniture :

<div>{{block type="joomlart_jmproducts/list"  name="home.jmproducts.list" title="" mode="latest" catsid="23" max="0" height="210" quanlity="3" width="210" perrow="3"}}</div>

2.2 Living room Funiture:

<div>{{block type="joomlart_jmproducts/list"  name="home.jmproducts.list" title="" mode="latest" catsid="22" max="0" height="210" quanlity="3" width="210" perrow="3"}}</div>

2.3 Office Furniture:

<div>{{block type="joomlart_jmproducts/list"  name="home.jmproducts.list" title="" mode="latest" catsid="10" max="0" height="210" quanlity="3" width="210" perrow="3"}}</div>

2.4 block-static-06:

<div class="block block-static-06">
<div class="block-content clearfix">
<ul class="clearfix">
<li><a href="#">Checkout Order Status</a></li>
<li><a href="#">Returns & Exchanges</a></li>
<li><a href="#">Shipping Options</a></li>
<li><a href="#">Product Recall</a></li>
</ul>
</div>
</div>

2.5 block-static-07:

<div class="block block-static-07">
<div class="block-content clearfix">
<ul class="clearfix">
<li><a href="#">Internet Marketing</a></li>
<li><a href="#">Business Consulting</a></li>
<li><a href="#">Network Support</a></li>
<li><a href="#">IT Services</a></li>
</ul>
</div>
</div>

2.6 block-static-08:

<div class="block block-static-08">
<div class="block-content clearfix">
<ul class="clearfix">
<li><a href="#">Training</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">Professional Services</a></li>
<li><a href="#">Certificates</a></li>
</ul>
</div>
</div>

2.7 block-static-09:

<div class="block block-static-09 last">
<div class="block-content clearfix"><img class="right" style="margin-left: 10px;" src="//dev.joomlart.com/jadev2_data/sites/auto/qs.jmtjmmozanis.1303200543/index.php/admin/cms_wysiwyg/directive/___directive/e3ttZWRpYSB1cmw9ImRlbW8vc2FtLTEwLnBuZyJ9fQ,,/key/014434413af83daf6a418391a7bf6ba8/" alt="" />
<div><strong>If you want us to make plan for your home?</strong></div>
<div class="phone">123.456.789</div>
</div>
</div>

2.8 Block paypal:

<div class="block block-paypal">
<div class="block-content clearfix"><form> <fieldset> <legend>Paypal</legend>
<ul class="clearfix">
<li><a href="#"><img src="//dev.joomlart.com/jadev2_data/sites/auto/qs.jmtjmmozanis.1303200543/index.php/admin/cms_wysiwyg/directive/___directive/e3ttZWRpYSB1cmw9ImRlbW8vcGF5aWNvbi0wMS5naWYifX0,/key/014434413af83daf6a418391a7bf6ba8/" alt="" /></a></li>
<li><a href="#"><img src="//dev.joomlart.com/jadev2_data/sites/auto/qs.jmtjmmozanis.1303200543/index.php/admin/cms_wysiwyg/directive/___directive/e3ttZWRpYSB1cmw9ImRlbW8vcGF5aWNvbi0wMi5naWYifX0,/key/014434413af83daf6a418391a7bf6ba8/" alt="" /></a></li>
<li><a href="#"><img src="//dev.joomlart.com/jadev2_data/sites/auto/qs.jmtjmmozanis.1303200543/index.php/admin/cms_wysiwyg/directive/___directive/e3ttZWRpYSB1cmw9ImRlbW8vcGF5aWNvbi0wMy5naWYifX0,/key/014434413af83daf6a418391a7bf6ba8/" alt="" /></a></li>
</ul>
</fieldset> </form></div>
</div>

III. Extensions Configuration

3.1 Product Extension

To push this extension into front-page like our demo site, go to CMS > Pages:

Then click on Homepage >> Content tab

Please fill in Content parameter with syntax below:

{{block type="joomlart_jmproducts/list" name="jmproducts"}}

Back-end Settings

Navigate to System >> Configuration >> Products and configure default criteria as per screenshot below for Product extension:

Product Back-end

You can configure the Number Of Products or Number Of Items/Row as you need.

3.2 Slideshow Extension

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

Note:
In Bistro, displayed images in the slideshow are from Image Folder: media/jmslideshow

Description for each item :

[desc img="sl-1.jpg" url="#"]
<h3>Bedroom Furniture</h3>
<p class="sl-desc">Nonummy augue mauris pellentesque pretium laoreet turpis a interdum dui augue. Congue Cum Phasellus...</p>
[/desc]

[desc img="sl-2.jpg" url="#"]
<h3>Non nisl malesua</h3>
<p class="sl-desc">Phasellus turpis ridiculus at odio Nunc Quisque Mauris lorem adipiscing Maecenas. Orci id ac pede est ipsum libero quis...</p>
[/desc]

[desc img="sl-3.jpg" url="#"]
<h3>Fringilla sagittis</h3>
<p class="sl-desc">Nibh magna malesuada eget pede et commodo Phasellus elit Integer tristique. Nullam metus nulla eu lorem Curabitur...</p>
[/desc]

To push this extension onto front-page like our demo site, access your site’s folder: ..app\design\frontend\default\jm_bistro\layout > Open file page.xml and declare extension position in this file as below :

<reference name="slideshow">
            <block type="joomlart_jmslideshow/list" name="jmslideshow" />
        </reference>

3.3 Category List Extension

Navigate to System > Configuration >Category List and configure default criteria as per screenshot below:

To push this extension into front-page like our demo site, go to CMS >> Pages >> click Homepage then open tab “Design” and declare this parameter into Layout Update XML as below:

<reference name="mass-bottom">
    <block type="joomlart_jmcategorylist/list" name="jmcategorylist" />
</reference>

3.4 Tabs Extension

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

Go to CMS > Static Block and select page that you want to display this extension on.(e.g: Homepage) :

To push this Popular Post and Latest Post in Tabs extension, please go to this file: app\design\frontend\default\jm_mozanis\layout/jmtabs.xml as per screenshot as below:

<?xml version="1.0"?>
<layout version="0.1.0">
    <default>
        <reference name="head">    
            <action method="addCss"><stylesheet>joomlart/jmtabs/css/jm.tabs.css</stylesheet></action>
    </reference>
    <reference name="right">            
            <block type="joomlart_jmtabs/core" name="jmtabs" before="-">
                <action method="addTabs_staticblock">
                    <title>Latest post</title>
                    <identifier>tab_1</identifier>
                </action>
        <action method="addTabs_staticblock">
            <title>Popular post</title>
            <identifier>tab_2</identifier>
        </action>
            </block>
        </reference>
    </default>
</layout>