JM MegaMall- Responsive Magento theme for online supermarket

   by: www.joomlart.com

    Thank you for purchasing our theme. If you have any questions that are beyond the scope of this help file, feel free to do the following steps to send us any question:

    1. Leave your email address under the comment box of the our theme on Themeforest , this will help us to make sure you know about www.joomlart.com via Themeforest.net

    2.Open a new ticket using email address on step 1 at http://support.joomlart.com/index.php?/Tickets/Submit. ( Select option JMTC)

    Please note that:
    * Support time: Monday – Friday 8AM to 5PM GMT +7
    * Response Time: Within 24 hours (1 business day).
    * Support is not available on Saturday & Sunday due to our weekend break.

    Support for my items includes:
    * Responding to questions or problems regarding the item and its features
    * Fixing bugs and reported issues
    * Providing updates to ensure compatibility with new software versions

    Item support does not include:
    * Customization and installation services
    * Support for third party software and plug-ins

    Installation Services
    *Quickstart installation services cost $40, submit your request at http://support.joomlart.com/index.php?/Tickets/Submit. ( Select option JMTC)

JoomlArt

Responsive Magento theme JM Megamall is a professional makeover for any online supermarkets or retail stores. JM Megamall features up to 8 complimentary Magento extensions including Mega Menu, JM Basetheme, JM Product, JM Product Slider, JM Quick View, JM Masshead, JM Slideshow and JM Advanced Search. Also this Mangento theme is fully responsive and supports Off-canvas navigation.

This documentation is to guide you about how to install and configure the responsive Magento theme JM Megamall to your own website.

Once downloaded JM Megamall, you will get a zipped file including the following folders:

Documentation : contains userguide
Extensions: contains all extensions built in the theme
Theme: contains the template files only
Quickstart: is a full Magento CMS version with our template already integrated to match demo
PSD : contains all source files of the theme

Unzip the file. Please be noted that there are two ways to install a JoomlArt Magento theme:

General Installation: Applicable when you have installed a Magento base on your server before.
Quickstart Installation: Applicable for JoomlArt Magento users. With Quickstart, you will get a site just as the same as our Demo site.

We are going through each way of installation in advance of more further configurations.

In case you have installed the Magento base already, this way of installation will help you to adapt the theme and extensions of JM Megamall to fit your current site. Let's see how to install the theme and its extensions respectively.

1. Theme Installation

Please make sure your Magento store is ready before you integrate JM Megamall. If your store has not been available yet, get it done quickly by following the Magento Installation Guide.

The installation of JM Megamall is quite simple with several following steps:

1. Upload the folders skin and app from our download package to your Web server's document root (from here on, referenced as {docroot}.

2. Unzip "JM Megamall" package. Next, copy the two folders skin and app to the root of your Magento site folder on the server. Accordingly, the folders will be overwritten and you should see a directory layout like this: {docroot} /magento/app/ index.php js/ lib/ LICENSE.txt media/ pear/ skin/ var/.

3. Open the Admin Panel of your store, and access Magento Admin area on a stage localhost: http://localhost/magento/index.php/admin/, then log in your Magento Admin area.

4. Navigate to System >> Configuration >> Design. Simply replace the original name e.g. jm_purity with jm_megamall.

Design Configuration

5. Fill "jm_megamall" into the Themes tab.

Packages and Themes Settings

6. You can also change the settings for JM Megamall Header.

Header Settings

7. Click the button "Save Config" to save your configuration.

You are done! JM Megamall is now ready to go!

2. Extension Installation

To install the built-in extensions of JM Megamall, please follow steps as below.

Upload folders skin and app from our download package to your Web server's document root (from here on, referenced as {docroot}). These files will overwrite default folders skin and app in your Magento folder. Thus, you should see a directory layout like this: {docroot} /magento/app/ index.php js/ lib/ LICENSE.txt media/ pear/ skin/ var/.
Log into your Magento Admin area (i.e. access Magento Admin area on localhost: http://localhost/magento/index.php/admin/).
Navigate to System >> Configuration.
The installed extensions will show off. To enter the extension configuration page, click the extension's name tab.

3. Create Static Blocks

Go to Magento Admin Panel >> CMS >> Static Blocks.
Click "Add new Block" button.
Fill in all fields as below then click "Save Block" button:
- Title: Right module
- Identifier: right_block
- Store View: All Store Views
- Status: Enable
- Content: fill in all syntax quoted as you would like.
To edit the existing static blocks, go to CMS >> Pages and then select the page in which blocks you want to edit.
In General Information tab, fill in the Content field with syntax quoted.
To display a new static block, copy and paste the following code in the "Layout Update XML" field in "Design" tab.

<html>

<reference name="right"> 

<block type="cms/block" name="jmtabs" before="-">

<action method="staticblock">

<title><strong><COLOR=Red>New block</COLOR></strong></title>

<identifier><strong><COLOR=Red>new_block</COLOR></strong></identifier>

</action>

</block>

</reference>

</html>

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

Quickstart package is to minimize time and effort in installing your eCommercial sites with the contents just like the Demo sites. Please be kindly noted that, with Quickstart, all your existing data will be overwritten. Thus, we recommend using Quickstart for your first installation with our Magento theme or just in case you want to refresh your own site to the very beginning.

Please follow steps as below.

Download the Quickstart package from JM Magento download section.
Extract and Upload the whole Quickstart package to your server. In Quickstart folder you will see the extracted folder that includes all sample data.
Create a database for your Magento store (using phpMyAdmin).
Start the installation process by opening a browser and navigate to your URL (where the Quickstart package uploaded) to load the default Magento installer.
Kindly follow each step of the Installer so that the installation process can be set.

Note:

Do not use "localhost" in URL, otherwise you could not log into your Admin area (you should use your local IP in case of installing on your computer).
Leave "Tables prefix" field blank.

The layout of JM Megamall Homepage can be illustrated as below.

Position layout in Homepage

In the front-page, JM Megamall has these following static blocks.

To create a new block, refer to the above guide for details.

This section will guide you to configure your pages just as the Demo site of JM Megamall.

I. Homepage

See the detailed layout of JM Megamall Homepage below.

position layout in homepage Page Configuration

To configure this page, in the Magento Admin Panel, please navigate to CMS >> Pages. Firstly, create a new page named {Homepage} in "Page Management" section.

Copy and paste the following code into the "Design" field.

Page Information Tab: click to see the Back-end Settings.
Content Tab: click to see the Back-end Settings.
Design Tab: click to see the Back-end Settings.

<reference name="header">

<remove name="top.menu" />

</reference>

<reference name="tops0">

<block type="cms/block" name="position-1">

<action method="setBlockId"><block_id>position-1</block_id></action>

</block>

</reference>

<reference name="tops1">

<block type="cms/block" name="position-2">

<action method="setBlockId"><block_id>position-2</block_id></action>

</block>

</reference>

<reference name="tops2">

<block type="cms/block" name="position-3">

<action method="setBlockId"><block_id>position-3</block_id></action>

</block>

</reference>

<reference name="tops3">

<block type="cms/block" name="position-4">

<action method="setBlockId"><block_id>position-4</block_id></action>

</block>

</reference>

<reference name="tops4">

<block type="cms/block" name="position-5">

<action method="setBlockId"><block_id>position-5</block_id></action>

</block>

</reference>

<reference name="tops5">

<block type="cms/block" name="position-6">

<action method="setBlockId"><block_id>position-6</block_id></action>

</block>

</reference>

<reference name="tops6">

<block type="cms/block" name="position-7">

<action method="setBlockId"><block_id>position-7</block_id></action>

</block>

</reference>

<reference name="tops7">

<block type="cms/block" name="position-8">

<action method="setBlockId"><block_id>position-8</block_id></action>

</block>

</reference>

<reference name="tops8">

<block type="cms/block" name="position-9">

<action method="setBlockId"><block_id>position-9</block_id></action>

</block>

</reference>

<reference name="tops9">

<block type="cms/block" name="position-10">

<action method="setBlockId"><block_id>position-10</block_id></action>

</block>

</reference>

<reference name="tops10">

<block type="cms/block" name="position-11">

<action method="setBlockId"><block_id>position-11</block_id></action>

</block>

</reference>

<reference name="tops11">

<block type="cms/block" name="position-12">

<action method="setBlockId"><block_id>position-12</block_id></action>

</block>

</reference>

<reference name="tops12">

<block type="cms/block" name="position-13">

<action method="setBlockId"><block_id>position-13</block_id></action>

</block>

</reference>

<reference name="mass-bottom">

<block type="cms/block" name="position-14">

<action method="setBlockId"><block_id>position-14</block_id></action>

</block>

</reference>

II. 404 Page

To configure this page, in the Admin Panel, navigate to CMS >> Pages, select 404 Not Found 1 page to edit the following settings.

Page Information Tab: click to see the Back-end Settings.
Content Tab: click to see the Back-end Settings.

Copy and paste the following code into the "Content" field.

<div id="jm-error">

<div class="page-head-alt">

<h2>Not found</h2>

</div>

<h3>The page you requested was not found, and we have a fine guess why</h3>

<ul class="none-disc">

<li>If you typed the URL directly, please make sure the spelling is correct.</li>

<li>If you clicked on a link to get here, the link is outdated.</li>

</ul>

<dl><dt>What can you do?</dt><dd>Have no fear, help is near! There are many ways you can get back on track with Magento Demo Store.</dd><dd>

<ul class="none-disc">

<li><a onclick="history.go(-1);" href="#">Go back</a> to the previous page.</li>

<li>Use the search bar at the top of the page to search for your products. Follow these links to get you back on track!</li>

<li><a href="{{mall url=""}}">Mall Home</a> / <a href="{{mall url="customer/account"}}">My Account</a></li>

</ul>

</dd></dl></div>

Front-end Appearance:

JM MegaMall- Responsive Magento theme for online supermarket

Introduction

General Installation

1. Theme Installation

2. Extension Installation

3. Create Static Blocks

Quickstart Installation

Note:

Layout and Block Positions

Page Configuration

I. Homepage

II. 404 Page

Static Block Configuration

1. position-1: Position 1

2. position-2: Position 2

3. position-3: Position 3

4. position-4: Position 4

5. position-5: home & pets

6. position-6: Position 6

7. position-7: Toy, Kids& Baby

8. position-8: Position 8

9. position-9: Gifts & Decor

10. position-10: Position 10

11. position-11: Fashion

12. position-12: Position 12

13. position-13: Beauty & Health

14. position-14: Logo Companies

15. position-15: About Us

16. position-17: Information

17. position-18: Why Buy From Us

18. position-19: My Account

19. position-20 : Useful Links

20. featured-product: Featured Products

Note:

21. contactinfo: Contact Map

Note:

22. colors: Colors

Note:

23. addshare: Social Share

Note:

Extension Configuration

1. JM Slideshow Extension

2. JM Products Extension

Note:

3. JM Masshead Extension

4. JM Basetheme Extension

5. JM Products Slider Extension

6. JM Mega Menu Extension

7. JM Quickview Extension

8. JM Advance Search Extension

9. Label Configuration

Mega Menu Configuration

1. Home Menu

2. Fashion Menu

3. Gift Menu

Note:

Responsive Layout Configuration

Note: