Magento Furniture 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.

Refresh your admin user access rights: logout from your store admin and then login back. Next, please Enable Cache.

Step 6: Active Furniture 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 Furniture 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” and “Import CMS Pages” 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 "Glacetheme-Homepage 11" 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

Go to the CMS -> Static Blocks.

1. BLOCK-1 (ID = "get_free")

<p>get free! shipping on order over <span style="color: red;">$100</span></p>

2. BLOCK-2 (ID = "glacetheme_custom_menu")

<ul>
<li class="menu-full-width "><a href="http://cmsideas.net/demo/magento_themes/furniture/blog/">Blog</a></li>
</ul>

3. BLOCK-3 (ID = "glacetheme_homepagesliders_11")

<div><!--1-->
<div id="banner-slider-demo-11" class="owl-carousel owl-theme owl-middle-narrow owl-banner-carousel"><!--2-->
<div class="item" style="position: relative;">
    <img alt="" src="{{media url="wysiwyg/glacetheme/homepage/slider/11/slide01.png"}}" width="100%" />
</div>
<div class="item" style="position: relative;">
    <img alt="" src="{{media url="wysiwyg/glacetheme/homepage/slider/11/slide02.png"}}" width="100%" />
</div>
<div class="item" style="position: relative;">
    <img alt="" src="{{media url="wysiwyg/glacetheme/homepage/slider/11/slide03.png"}}" width="100%" />
</div>
</div>
<!--cho 2-->
<script type="text/javascript">// <![CDATA[
Glacetheme_1102(function($){
        $("#banner-slider-demo-11").owlCarousel({autoPlay:true,lazyLoad:true,stopOnHover: true,pagination: false, autoPlay: true,
		navigation: true,navigationText:["<i class='icon-chevron-left'></i>","<i class='icon-chevron-right'></i>"],
		slideSpeed : 500,paginationSpeed : 500,singleItem:true,transitionStyle : "fade"});
    });
// ]]></script>
</div>
<!--cho 1-->

4. BLOCK-4 (ID = "new_products_homepage11")

<div style="padding-top: 20px;">
<div class="row">
<div class="col-sm-12">
<h2 class="filter-title_new"><span class="content">New Product</span></h2>
<p style="text-align: center;"><img alt="" src="{{media url="wysiwyg/glacetheme/homepage/content/11/underline.png"}}" /></p>
<div id="new_text">The European languages are members of the same family.Their separate existence is a myth.<br /> For science,music,sport,etc,Europe uses the same vocabulary</div>
<div id="new_product" class="owl-top-narrow move-action hide-addtolinks">{{block type="easyfilterproduct/newproduct_home_list" name="new_list" product_count="12" template="easyfilterproduct/list.phtml"}}</div>
<script type="text/javascript">// <![CDATA[
Glacetheme_1102(function($){
                        $("#new_product .filter-products .owl-carousel").owlCarousel({lazyLoad: true,    itemsCustom: [ [0, 1], [320, 1], [480, 2], [768, 3], [992, 3], [1280, 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>
</div>
</div>
</div>

5. BLOCK-5 (ID = "fea_spe_top_homepage11")

<div class="row" style="margin-top: 20px;">
<div class="col-md-4 col-sm-6">
<h2 class="filter-title-edit" style="margin-top: 20px; margin-bottom: 0px;"><span class="content"><strong>Featured items</strong></span></h2>
<div class="sidebar-easyfilterproduct custom-block doantv" style="background: #fff; padding: 30px 20px;">{{block type="easyfilterproduct/featured_home_list" name="featured_sidebar" product_count="10" template="easyfilterproduct/sidebar_list.phtml"}}</div>
</div>
<div class="col-md-4 col-sm-6">
<h2 class="filter-title-edit" style="background-image: none; margin-top: 20px; margin-bottom: 0px;"><span class="content"><strong>Special offer</strong></span></h2>
<div class="sidebar-easyfilterproduct custom-block doantv" style="background: #fff; padding: 30px 20px;">{{block type="easyfilterproduct/sale_home_list" name="featured_sidebar" product_count="10" template="easyfilterproduct/sidebar_list.phtml"}}</div>
</div>
<div class="col-md-4 col-sm-6">
<h2 class="filter-title-edit" style="background-image: none; margin-top: 20px; margin-bottom: 0px;"><span class="content"><strong>Top seller</strong></span></h2>
<div class="sidebar-easyfilterproduct custom-block doantv" style="background: #fff; padding: 30px 20px;">{{block type="easyfilterproduct/bestsellers_home_list" name="featured_sidebar" product_count="10" template="easyfilterproduct/sidebar_list.phtml"}}</div>
</div>
</div>

6. BLOCK-6 (ID = "from_the_blog_homepage11")

<h2 class="filter-title_new" style="margin-top: 40px;"><span class="content">FRESH FROM THE BLOG</span></h2>
<p style="text-align: center; padding-bottom:9%;" class="line-mobile"><img alt="" src="{{media url="wysiwyg/glacetheme/homepage/content/11/underline.png"}}" /></p>
<!--<div class="owl-top-narrow">-->
<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">// <![CDATA[
Glacetheme_1102(function($){
    $("#latest_news .owl-carousel").owlCarousel({
        lazyLoad: true,
        itemsCustom: [ [0, 1], [320, 1], [480, 1], [640, 2], [768, 2], [992, 2], [1200, 2] ],
        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>
<!--</div>-->

7. BLOCK-7 (ID = "lovely_comment_homepage11")

<p style="text-align: center; margin-bottom:0;"><img alt="" src="{{media url="wysiwyg/glacetheme/homepage/content/11/comment.png"}}" /></p>
<h2 class="filter-title_new" style="background-image:none;margin-bottom:5px;"><span class="content"><strong>Lovely clients comment</strong></span></h2>
<p style="text-align: center;"><img alt="" src="{{media url="wysiwyg/glacetheme/homepage/content/11/underline.png"}}" /></p>
        <div id="testimonials-slider-demo-6" class="owl-carousel owl-theme">
            <div class="item" style="text-align:center;">
                    <p style="font-weight:bold;color:#000;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est.</p>
                <div class="testimonial-author" style="text-align:center;">
                    <div class="img-doantv"><img src="{{media url="wysiwyg/glacetheme/homepage/content/11/testimonial.png"}}" alt=""/><p><strong>John Smith</strong><span>CEO &amp; Founder - Okler</span></p></div>
                </div>
            </div>
            <div class="item" style="text-align:center">
                    <p style="font-weight:bold;color:#000;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec hendrerit vehicula est.</p>
                <div class="testimonial-author" style="text-align:center;">
                    <div class="img-doantv"><img width="60" height="60" src="{{media url="wysiwyg/glacetheme/homepage/content/11/testimonial.png"}}" alt=""/><p><strong>Barack Obama</strong><span>President &amp; King - United States</span></p></div>
                </div>
            </div>
        </div>
        <script type="text/javascript">
        Glacetheme_1102(function($){
            $("#testimonials-slider-demo-6").owlCarousel({
                lazyLoad: true,
                responsiveRefreshRate: 50,
                slideSpeed: 200,
                paginationSpeed: 500,
                scrollPerPage: true,
                stopOnHover: true,
                rewindNav: true,
                rewindSpeed: 600,
                pagination: true,
                navigation: false,
                autoPlay: true,
                singleItem: true
            });
        });
        </script>

8. BLOCK-8 (ID = "branding_homepage11")

<h2 class="filter-title-branding"><span class="content"><strong>Branding</strong></span><img alt="doantv" src="{{media url="wysiwyg/glacetheme/homepage/slider/11/under_branding.png"}}"  width="85%" /></h2>
<div class="owl-top-narrow">
<div id="brands-slider-demo-9" class="owl-carousel owl-theme">
<div class="item" style="padding-top: 10px;"><img class="lazyOwl" alt="" data-src="{{media url="wysiwyg/glacetheme/homepage/content/11/brand01.png"}}" /></div>
<div class="item" style="padding-top: 10px;"><img class="lazyOwl" alt="" data-src="{{media url="wysiwyg/glacetheme/homepage/content/11/brand02.png"}}" /></div>
<div class="item" style="padding-top: 10px;"><img class="lazyOwl" alt="" data-src="{{media url="wysiwyg/glacetheme/homepage/content/11/brand03.png"}}" /></div>
<div class="item" style="padding-top: 10px;"><img class="lazyOwl" alt="" data-src="{{media url="wysiwyg/glacetheme/homepage/content/11/brand04.png"}}" /></div>
<div class="item" style="padding-top: 10px;"><img class="lazyOwl" alt="" data-src="{{media url="wysiwyg/glacetheme/homepage/content/11/brand05.png"}}" /></div>
<div class="item" style="padding-top: 10px;"><img class="lazyOwl" alt="" data-src="{{media url="wysiwyg/glacetheme/homepage/content/11/brand06.png"}}" /></div>
<div class="item" style="padding-top: 10px;"><img class="lazyOwl" alt="" data-src="{{media url="wysiwyg/glacetheme/homepage/content/11/brand01.png"}}" /></div>
<div class="item" style="padding-top: 10px;"><img class="lazyOwl" alt="" data-src="{{media url="wysiwyg/glacetheme/homepage/content/11/brand02.png"}}" /></div>
<div class="item" style="padding-top: 10px;"><img class="lazyOwl" alt="" data-src="{{media url="wysiwyg/glacetheme/homepage/content/11/brand03.png"}}" /></div>
<div class="item" style="padding-top: 10px;"><img class="lazyOwl" alt="" data-src="{{media url="wysiwyg/glacetheme/homepage/content/11/brand04.png"}}" /></div>
<div class="item" style="padding-top: 10px;"><img class="lazyOwl" alt="" data-src="{{media url="wysiwyg/glacetheme/homepage/content/11/brand05.png"}}" /></div>
<div class="item" style="padding-top: 10px;"><img class="lazyOwl" alt="" data-src="{{media url="wysiwyg/glacetheme/homepage/content/11/brand06.png"}}" /></div>
</div>
<script type="text/javascript">// <![CDATA[
    Glacetheme_1102(function($){
        $("#brands-slider-demo-9").owlCarousel({
            lazyLoad: true,
            itemsCustom: [ [0, 1], [320, 1], [480, 2], [640, 3], [768, 4], [992, 5], [1200, 6] ],
            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>
</div>

9. BLOCK-9 (ID = "glacetheme_footer_bottom_custom_block")

<p><img style="max-width: 100%;" alt="" src="{{media url="wysiwyg/cmsideas/footer/payments.png"}}" /></p>

10. BLOCK-10 (ID = "glacetheme_footer_information_new")

<div class="block">
<div class="block-title"><strong><span>Information</span></strong></div>
<p><img alt="" src="{{media url="wysiwyg/glacetheme/aboutus/under_info.png"}}" /></p>
<div class="block-content">
<ul class="links">
<li><a title="New products" href="#">New Products</a></li>
<li><a title="Top Seller" href="#">Top Seller</a></li>
<li><a title="Special" href="#">Special</a></li>
<li><a title="Manufactures" href="#">Manufactures</a></li>
<li><a title="Suppliers" href="#">Suppliers</a></li>
<li><a title="Our Stores" href="#">Our Stores</a></li>
</ul>
</div>
</div>
<!--<i class="icon-right-dir theme-color"></i>-->

11. BLOCK-11 (ID = "glacetheme_footer_links")

<div class="block">
<div class="block-title"><strong><span>My Account</span></strong></div>
<p><img alt="" src="{{media url="wysiwyg/glacetheme/aboutus/under_info.png"}}" /></p>
<div class="block-content">
<ul class="links">
<li><a title="About us" href="{{config path="web/unsecure/base_url"}}about-glacetheme">About us</a></li>
<li><a title="Contact us" href="{{config path="web/unsecure/base_url"}}contacts">Contact us</a></li>
<li><a title="My account" href="{{config path="web/unsecure/base_url"}}customer/account">My account</a></li>
<li><a title="Orders history" href="{{config path="web/unsecure/base_url"}}sales/order/history">Orders history</a></li>
<li><a title="Advanced search" href="{{config path="web/unsecure/base_url"}}catalogsearch/advanced">Advanced search</a></li>
<li><a title="Your Vouchers" href="#">Your Vouchers</a></li>
</ul>
</div>
</div>
<!--<i class="icon-right-dir theme-color"></i>-->

12. BLOCK-12 (ID = "glacetheme_footer_customer_service")

<div class="block">
    <div class="block-title"><strong><span>Customer Service</span></strong></div>
   <p><img src="{{media url="wysiwyg/glacetheme/aboutus/under_info.png"}}" alt="" /></p>
    <div class="block-content">
<ul class="links">
    <li><a href="{{store direct_url="nothing"}}" title="Help & Contact">Help & Contact</a></li>
    <li><a href="{{store direct_url="nothing"}}" title="Shipping & Taxes">Shipping & Taxes</a></li>
    <li><a href="{{store direct_url="nothing"}}" title="Return Policy">Return Policy</a></li>
    <li><a href="{{store direct_url="nothing"}}" title="Careers">Careers</a></li>
    <li><a href="{{store direct_url="nothing"}}" title="Affliates">Affliates</a></li>
   <li><a href="{{store direct_url="nothing"}}" title="Legal Notice">Legal Notice</a></li>
</ul>
</div>
</div>
<!--<i class="icon-right-dir theme-color"></i>-->

13. BLOCK-13 (ID = "glacetheme_footer_contact_information")

<div class="block">
<div class="block-title"><strong><span>Contact Info</span></strong></div>
<p><img alt="" src="{{media url="wysiwyg/glacetheme/aboutus/under_info.png"}}" /></p>
<div class="block-content">
<ul class="contact-info">
<li>
<p>Address:44 New Design Street,Melbourne 005</p>
</li>
<li>
<p>Phone:(01) 800 433 633</p>
</li>
<li>
<p>Email:<a href="mailto:mail@example.com">info@example.com</a></p>
</li>
</ul>
<p style="font-size: 30px;"><a href="http://dantri.com.vn/" target="_blank"><img alt="" src="{{media url="wysiwyg/glacetheme/aboutus/icon_face.png"}}" /></a> <a href="http://dantri.com.vn/" target="_blank"><img alt="" src="{{media url="wysiwyg/glacetheme/aboutus/icon_twitter.png"}}" /></a> <a href="http://dantri.com.vn/" target="_blank"><img alt="" src="{{media url="wysiwyg/glacetheme/aboutus/icon_google.png"}}" /></a> <a href="http://dantri.com.vn/" target="_blank"><img alt="" src="{{media url="wysiwyg/glacetheme/aboutus/icon_in.png"}}" /></a> <a href="http://dantri.com.vn/" target="_blank"><img alt="" src="{{media url="wysiwyg/glacetheme/aboutus/icon_wifi.png"}}" /></a></p>
</div>
</div>
<!--<i class="fa fa-facebook-square"></i>-->

14. BLOCK-14 (ID = "glacetheme_custom_tab")

<p>This is custom tab. You can add custom tab as an attribute for entire products, or for each categories. 
You can add CMS content such as sizing guide or videos to enhance product detail.</p>

1. Home Page

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

In the Content tab: Copy and paste the following code

<div class="homepage-bar" style="border: none; margin: 0 0 20px 0;">
<div class="row">
<div class="col-md-3" style="text-align: center; height: 70px; padding-top: 10px; padding-bottom: 10px; border-right: 1px solid #ccc;"><img alt="" src="{{media url="wysiwyg/glacetheme/aboutus/phone.png"}}" width="50px" />
<div class="text-area">
<h4>01(800)433 633</h4>
<h4>DAILY 10.00 TO 22.00</h4>
</div>
</div>
<div class="col-md-3" style="text-align: center; height: 70px; padding-top: 10px; padding-bottom: 10px; border-right: 1px solid #ccc;"><img alt="" src="{{media url="wysiwyg/glacetheme/aboutus/delivery.png"}}" width="50px" />
<div class="text-area">
<h4>FAST DELIVERY ACROSS</h4>
<h4>AUSTRALIA</h4>
</div>
</div>
<div class="col-md-3" style="text-align: center; height: 70px; padding-top: 10px; padding-bottom: 10px; border-right: 1px solid #ccc;"><img alt="" src="{{media url="wysiwyg/glacetheme/aboutus/discount.png"}}" width="50px" />
<div class="text-area">
<h4>30% DISCOUNT ON ORDER</h4>
<h4>OVER</h4>
</div>
</div>
<div class="col-md-3" style="text-align: center; height: 70px; padding-top: 10px; padding-bottom: 10px;"><img alt="" src="{{media url="wysiwyg/glacetheme/aboutus/return.png"}}" width="50px" />
<div class="text-area">
<h4>14-DAY RETURN POLICY</h4>
</div>
</div>
</div>
</div>
<p class="hidden-mobile"><img alt="" src="{{media url="wysiwyg/glacetheme/aboutus/under_banner.png"}}" /></p>
<div class="homepage-grid-banner" style="padding: 20px 0 30px;">
<div class="row">
<div class="col-sm-6">
<div class="grid3 col-sm-margin" style="position: relative;"><img alt="" src="{{media url="wysiwyg/glacetheme/homepage/content/11/banner01.png"}}" />
<div class="content" style="position: absolute; left: 12%; top: 75%; text-align: left;">
<p style="font-weight: bold; color: #313131;">Armoire</p>
<a style="border-top: 2px dotted #ccc;" href="http://cmsideas.net/demo/magento_themes/furniture/living-room.html">Show More Product&nbsp;</a></div>
</div>
<div class="grid4" style="position: relative;"><img alt="" src="{{media url="wysiwyg/glacetheme/homepage/content/11/banner04.png"}}" />
<div class="content" style="position: absolute; left: 60%; top: 15%; text-align: left; width: 88%;">
<p style="font-weight: bold; color: #000;">BookCases</p>
<!--<p style="font-weight:300;color:#fff;opacity:0.7;filter:alpha(opacity=70);">Now starting at <b style="font-weight:600;">$99</b></p>--> <a style="border-top: 2px dotted #ccc;" href="http://cmsideas.net/demo/magento_themes/furniture/dining-room.html">Show More Product&nbsp;</a></div>
</div>
</div>
<div class="col-sm-6">
<div class="grid3 col-sm-margin" style="position: relative;"><img alt="" src="{{media url="wysiwyg/glacetheme/homepage/content/11/banner02.png"}}" />
<div class="content" style="position: absolute; left: 12%; top: 15%; text-align: left;"><!--<p style="font-weight:300;color:#313131;">MOBILE</p>-->
<p style="font-weight: bold; color: #313131;">Coffee Tables</p>
<!--<h4 style="font-weight:400;color:#444;"><span>$</span>450.<span>00</span></h4>
                            <h3 style="font-weight:400;color:#08c;"><span>$</span>350.<span>00</span></h3>--> <a style="border-top: 2px dotted #ccc;" href="http://cmsideas.net/demo/magento_themes/furniture/table.html">Show More Product &nbsp;</a></div>
</div>
<div class="grid4" style="position: relative;"><img alt="" src="{{media url="wysiwyg/glacetheme/homepage/content/11/banner03.png"}}" />
<div class="content" style="position: absolute; left: 60%; top: 15%; text-align: left; width: 88%;">
<p style="font-weight: 600; color: #000;">Computer Carts</p>
<!--<p style="font-weight:300;color:#fff;opacity:0.7;filter:alpha(opacity=70);">Now starting at <b style="font-weight:600;">$99</b></p>--> <a style="border-top: 2px dotted #ccc;" href="http://cmsideas.net/demo/magento_themes/furniture/home-office.html">Show More Product &nbsp;</a></div>
</div>
</div>
</div>
</div>

2. Homepage Slider

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

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