Fashion Magento Theme

The Documentation


1. Installation Instruction

After download the package, please proceed with the following steps:

Step 1: Disable Cache

Go to the System -> Cache Management -> Select All -> in the [Action] choose Disable -> Submit.

Step 2: Please unzipped the archive and you will see two folders: Step1, Step2.

Step 3: Index Management.

If you change your information such as products, categories, urls, etc on your online store, you must re-index contents so that changes will be shown on the front-end.

Go to the System -> Index Management , To rebuild indexes Select All -> Reindex Data -> Submit.

Step 4: Upload content of Theme directory to your Magento root directory.

- First you copy all the folder in Step1 to the Magento root folder.

- Then you copy all the folder in Step2 to the Magento root folder.

This will not over write the existing Magento folders of files, only the new contents will added.

Step 5: Enable Cache.

Go to the System -> Cache Management -> Select All -> in the [Action] choose Enable -> Submit.

Step 6: Active Fashion magento theme.

After installing theme as these above steps, you need to activate it.

Go to the System -> Configuration -> General -> Design. Fill in all fields as Image below and then click "Save Config":

And you can also change the settings for Fashion Header.

2. Demo theme settings

After you are done with the steps on "Installation Instruction". If you do not want to perform many steps to make a new theme. you can install our demo theme to simplify the process.

If you want to set up quickly the pages, static blocks as demo of our theme, you perform the following steps:

Step 7: Import static blocks and pages

Go to the System -> Configuration -> Glacetheme -> Glacetheme-Settings Panel.

Go to the "Theme Installation" section where “Import Static Blocks”, “Import CMS Pages” and "Import Demo Content" are provided with this theme.

Step 8: Setting Default Pages

Go to the System -> Configuration -> General -> Web

Go the "Default Pages" section. On the "CMS Home Page" field, choose "Homepage" and click "Save config" button.

Layout and Block position for Home Page

Show Layout Full: click here

Layout and Block position for Category Page

Show Layout Full: click here

Layout and Block position for Product Page

Show Layout Full: click here

Layout and Block position for Blog Page

Show Layout Full: click here

1. Home Page

1.1. Create Page

To configure this page, please go to the CMS -> Pages.

In the Content tab: Copy and paste the following code

<h2 class="filter-title" style="margin-top:40px;"><span class="content"><strong>Latest Blog</strong></span></h2>
<p class="subtitle">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, </p>
<div id="latest_news" class="owl-top-narrow">
    {{block type="blog/last" name="latest_news" template="blog/recentposts_home.phtml"}}
</div>
<script type="text/javascript">
Glacetheme_1102(function($){
    $("#latest_news .owl-carousel").owlCarousel({
        lazyLoad: true,
        itemsCustom: [ [0, 1], [320, 1], [480, 1], [640, 2], [768, 2], [992, 2], [1200, 3] ],
        responsiveRefreshRate: 50,
        slideSpeed: 200,
        paginationSpeed: 500,
        scrollPerPage: false,
        stopOnHover: true,
        rewindNav: true,
        rewindSpeed: 600,
        pagination: false,
        navigation: true,
        autoPlay: true,
        navigationText:["<i class='icon-left-open'></i>","<i class='icon-right-open'></i>"]
    });
});
</script>

Click here to preview Home Page

1.2 Homepage configuration

Go to the System -> Configuration -> Click the "Easy Homepage Content" tab from the left-hand menu. Then you fill out all the necessary information as below:

Click here to view in front-end

2. Category

To configure this page, please go to the Catalog -> Manage Categories.

2.1. Banner for the Categories

You need to set for all categories that will display in the front-end.

You choose a category and enter data into the following field:

In the General information tab:

<div class="banner-image">
            <img src="{{media url="wysiwyg/banner01.jpg"}}" alt="" />
 </div>

2.2. Megamenu configuration

Navigation Menu

To configure Megamenu of Fashion theme. you need to select top-level categories that will be displayed on the navigation menu.

In the Menu tab: You can set the Menu type, Sub Category Menu Columns, and display Custom block (top, left, right, bottom) .

Display in front-end