Lead
I. Installation
- 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. Slideshow Module
On our Lead dio, Slideshow module is set on jm_slideshow position. You just need to follow steps below to configure this module
Copy a folder including all images that you want to display on slideshow to [Magento]/media directory (E.g: [Magento]/media/slideshow)
Navigate to Systi>Configuration>Slideshow and configure default criteria as per screenshot below:
![](http://static.joomlart.com/images/templates/JM_Morganite/userguide/Slideshow/JM_slideshow_toconfig.png)
You can configure default parameters.
Click Save config button.
Create a file jmslideshow.xml in [Magento]/app/design/frontend/default/jm_lead/layout/ and declare xml code as follows:
joomlart/jmslideshow/css/jm.slideshow.css
You can configure default parameters as per screenshot below:
Module Setting:
![](http://static.joomlart.com/images/templates/jm_lead/slideshow_lead_config1.png)
Animation Setting:
![](http://static.joomlart.com/images/templates/jm_lead/Animation_config.png)
Thumbnail Setting:
![](http://static.joomlart.com/images/templates/jm_lead/thumbnail_config.png)
![](http://static.joomlart.com/images/templates/jm_lead/run_slideshow_config.png)
Description Setting:
![](http://static.joomlart.com/images/templates/jm_lead/Description_slideshow.png)
Input the content of Description of Image that display on Slideshow follow below syntax:
[desc img="img-01.jpg" url="#"] The Messenger - for The God issue of Working Class [/desc] [desc img="img-02.jpg" url="#"] Lori ipsum - Dolor sit amet consectetuer porttitor [/desc] [desc img="img-03.jpg" url="#"] Lori ipsum - Dolor sit amet consectetuer porttitor [/desc]
Select whether you show description:
![](http://static.joomlart.com/images/templates/jm_lead/show_desc.png)
Now see how it works on front-page:
![](http://static.joomlart.com/images/templates/jm_lead/jm_slideshow_lead.png)
III. Product Slider Module
Navigate to Systi>Configuration>Product Slider and configure parameter as per screenshot below:
![](http://static.joomlart.com/images/templates/jm_lead/productslider_config.png)
Click Save config button.
Create a file jmproductsslider.xml in [Magento]/app/design/frontend/default/jm_lead/layout/ and declare xml code as follows:
![](http://static.joomlart.com/images/templates/jm_lead/xml_productslider_lead.png)
Now see how it works on front-page:
![](http://static.joomlart.com/images/templates/jm_lead/productslider_lead.png)
IV. Product List Module
Navigate to Systi>Configuration>Product List and configure parameter as per screenshot below:
![](http://static.joomlart.com/images/templates/jm_lead/prodlist_config_lead.png)
Navigate to “CMS->Manage Pages”
![](http://static.joomlart.com/images/templates/JM_Morganite/userguide/Slideshow/manage_page.png)
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_jmproducts/list" name="home.jmproducts.list" }}
Now see how it works on front-page:
![](http://static.joomlart.com/images/templates/jm_lead/prodlist_fr_lead.png)
V. Rss Feeds module
On our Lead dio, Rss Feeds module is set on botsl position. You just need to follow steps below to configure this module
![](http://static.joomlart.com/images/templates/jm_lead/rss_config_leasd.png)
In order to push Rss Feeds onto front-page, you set URL at set URL parameter: //www.joomla.org/index.php? option=com_rss_xtd&feed=RSS2.0&type=com_frontpage&Itiid=1
Click Save config button.
Now see how it works on front-page:
![](http://static.joomlart.com/images/templates/jm_lead/rss_fr_lead.png)
VI. Video module
Lead comes up with video player, please follow instruction below to ibed video into site.
- Open the file right_col.phtml at [Magento]/app/design/frontend/default/jm_lead/tiplate/callouts
- Declare html code as follows: