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.

SlideShow module

Go to Magento_sitepath/media > create a folder named Slideshow > copy images that you want to display on slideshow.

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

Module Setting:

Animation Setting:

Thumbnail Setting:

Control Setting:

Description Setting:

Fill “Description for each Item” field with syntax quoted below:

[desc img="img-1.jpg" url="//"]
I am Legend
Is a 2007 post-apocalyptic science fiction film directed by Francis Lawrence and starring Will Smith. It is the third feature film adaptation of Richard Matheson's 1954 novel of the same name, following 1964's The Last Man on Earth and 1971's The Omega Man.Smith plays virologist Robert Neville, who is immune to a vicious man-made virus originally created to cure cancer.
[desc img="img-2.jpg" url="#"]
Is a 2008 American romantic-fantasy film directed by Catherine Hardwicke and based on the novel of the same name by Stephenie Meyer. The film stars Kristen Stewart as Bella Swan, a teenage girl who falls in love with vampire Edward Cullen, portrayed by Robert Pattinson.

Click Save config button.

Now see how it works on front-page:

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

Product Slider Module

Navigate to System>Configuration>Product Slider and configure parameter as per screenshot below:

To be able to use Featured Product attribute of Type of product display , you need to create a new attribute named “featured”, please follow steps:

Go to Catalog > Attributes > Manage Attributes > Add New Attribute with parameter as follows:

After creating attribute, you need to add the attribute to default feature set by going to Catalog > Attributes > Manage Attributes Sets > select Product group to go to “Edit attribute set for Product group”

Drag and drop attribute “featured” to attribute group you want.

Go to Catalog > Manage Products > select product > set “Featured Product = yes”

You can repeat steps above to configure featured attribute for other products.

On module configuration page choose mode = Featured Product, that means products that has featured attribute will be displayed on product slider.

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

Fill in Content parameter with syntax below:

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

Now see how it works on Mesolite front-page:

Now see how it works on front-page:

{{block type="joomlart_jmproductsslider/list" title="What's New Here" name="home.jmproductsslider.list" mode="latest"}}  

The parameters that are declared directly here will overwrite those pre-defined in the module configuration panel in your admin.

Product Category List module

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

Now see how it works in demo site:

Rss Feeds module

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

Fill Set URL parameter with content: LINK

Modify Homepage:

Navigate to “CMS->Manage Pages”

Click on the Homepage (home) row to edit the current Homepage.

  • In “General Information” tab, fill “Content” field with syntax quoted below:
  • {{block type="joomlart_jmslideshow/list" name="home.jmslideshow.list" }}
    {{block type="joomlart_jmproductsslider/list" title="What's New Here" name="home.jmproductsslider.list" }}
    {{block type="joomlart_jmproducts/list" title="Featured Products" name="home.jmproducts.list" }}
    {{block type="joomlart_jmcategorylist/list" name="home.jmcategorylist.list"}}
    Latest News
        Logitech MX Revolution Review
        Integer auctor nunc ante ullamcorper
        Lacinia quis diam dui felis cursus
        Lacus Suspendisse Lorem velit ut
    Support Center
    Elit mauris consectetuer Curabitur urna Aenean sem consectetuer aliquet eget
        Tel: (+844) 2212820
        Fax: (+844) 2212820
        Email: [email protected]
    {{block type="joomlart_jmrss/list" name="jmrss }}
  • In “Custom Design” tab, fill in “Layout Update XML” field with syntax quoted below:
  • bundlebundle/catalog_product_price

Refresh your cache if needed (in System > Cache Management > Save cache settings). Refresh your Homepage to see the change applied.

See how it works on demo site Mesolite: