Asenti

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.

Asenti front-page uses 9 static blocks:

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

List of static blocks:

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

Today’s special:

<div>{{block type="joomlart_jmproducts/list"  name="home.jmproducts.list" title="" mode="latest" catsid="8" height="160" quanlity="4" width="160" perrow="4"}}</div>

Most wanted:

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

block-static-06

<div class="block block-static-06">
<div class="block-title">Company</div>
<div class="block-content clearfix">
<ul class="clearfix">
<li><a href="#">About Us</a></li>
<li><a href="#">News & Events</a></li>
<li><a href="#">Work</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Quisque</a></li>
</ul>
</div>
</div>

block-static-07

<div class="block block-static-07">
<div class="block-title">Services</div>
<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>
<li><a href="#">Curabitur</a></li>
</ul>
</div>
</div>

block-static-08

<div class="jm-best-seller-product">{{block type="joomlart_jmproductsslider/list" name="home.jmproductsslider.list" title="Best seller products" catsid="8"}}</div>

position-8:

<div class="block block-static-08">
<div class="block-title">Solutions</div>
<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>
<li><a href="#">Morbi</a></li>
</ul>
</div>
</div>

block-static-09

<div class="block block-static-9 last">
<div class="block-content clearfix">{{widget type="cms/widget_block" template="cms/widget/static_block/default.phtml" block_id="14"}} {{widget type="cms/widget_block" template="cms/widget/static_block/default.phtml" block_id="13"}}</div>
</div>

Block Paypal

<div class="block-paypal clearfix"><form action="#"> <fieldset> <legend>Payment Accept</legend>
<ul class="clearfix">
<li><a href="#"><img title="paypal" src="{{media url="demo/payicon-01.gif"}}" alt="paypal" /></a></li>
<li><a href="#"><img title="paypal" src="{{media url="demo/payicon-02.gif"}}" alt="paypal" /></a></li>
<li><a href="#"><img title="paypal" src="{{media url="demo/payicon-03.gif"}}" alt="paypal" /></a></li>
<li><a href="#"><img title="paypal" src="{{media url="demo/payicon-04.gif"}}" alt="paypal" /></a></li>
</ul>
</fieldset> </form></div>

block-static-10

<div class="block-static-10 clearfix"><img class="right" style="margin-left: 10px;" src="{{media url="demo/sam-10.png"}}" alt="" />
<div class="phone-contact">Reservations! Call</div>
<div class="phone">123.456.789</div>
</div>

Product Module

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="home.jmproducts.list" }}  

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

Front-end Appearance

Product Slider Module

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

Note: 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 on top, go to CMS >> Pages >> Homepage >> In Design tab, please fill in Layout Update XML parameter as below :

<reference name="mass-top">            
        <block type="joomlart_jmproductsslider/list" name="jmproductsslider" />
</reference> 

Slideshow Module

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

Extension Settings:

Note: In Asenti, displayed image is from Image Folder: media/jmslideshow.

Description for each item:

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

[desc img="sl-2.jpg" url="#"]
<h3>Nokia 8800 Sirocco</h3>
<p class="sl-desc">Phasellus turpis ridiculus at odio Nunc Quisque Mauris lorem adipiscing Maecenas...</p>
[/desc]

[desc img="sl-3.jpg" url="#"]
<h3>Q-Mobile ME113</h3>
<p class="sl-desc">Nibh magna malesuada eget pede et commodo Phasellus elit Integer tristique...</p>
[/desc]

To push this extension onto front page on top, go to CMS >> Pages >> Homepage >> In Design tab, please fill in Layout Update XML parameter as below:

<reference name="mass-top">            
    <block type="joomlart_jmslideshow/list" name="jmslideshow" />
    </reference>
	

Tabs Module

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

To push this extension onto front page on top, go to CMS >> Pages >> Homepage >> In Design tab, please fill in Layout Update XML parameter as below:

<reference name="content-top">     
    <block type="joomlart_jmtabs/core" name="jmtabs">
        <action method="addTabs_staticblock">
            <title>Today’s special</title>
            <identifier>tab-01</identifier>
        </action>
        <action method="addTabs_staticblock">
            <title>Most wanted</title>
            <identifier>tab-02</identifier>
        </action>
    </block>
</reference>

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, access your site’s folder: ..app\design\frontend\default\jm_asenti\layout then open file jmcategorylist.xml and declare extension position in this file as below.

<default>
        <reference name="right">        
            <block type="joomlart_jmcategorylist/list" name="jmcategorylist" />
        </reference>
    </default>
	

Front-end Appearance