Reoria 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 folders in Step1 to the Magento root folder.

- Then you copy all the folders 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 Reoria 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 Reoria 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.

1. Homepage configuration

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:

Click here to view in front-end

2. Category

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

Display in front-end

Go to the CMS -> Static Blocks.

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

Click here to view in front-end

<style type="text/css"><!--
    body.side-header.cms-index-index .top-container{margin:0;width:100vw}
    body.side-header.cms-index-index .top-container #slideshow{position:fixed;left:0;top:0;z-index:1}
    body.side-header.cms-index-index .top-container .full-screen-slider{width:100vw;height:100vh}
--></style>
<div class="full-screen-slider" style="max-height: 550px;">
<div id="banner-slider-demo-16" class="owl-carousel owl-theme owl-bottom-narrow owl-banner-carousel">
<div class="item" style="position: relative; min-width: 100%; max-height: 550px!important;">
<div style="width: 100%; height: 100%; background: url('{{media url="wysiwyg/glacetheme/homepage/slider/17/slider1.jpg"}}') center 0% no-repeat; background-size: cover;">&nbsp;</div>
<div class="slide1-content">
<div class="text-content" style="display: inline-block;">
<div class="content_slider">
<h2>Open Sale Off Season</h2>
<p>Pick up your phone now</p>
<a class="button" href="#">SHOP NOW</a></div>
</div>
</div>
</div>
<div class="item" style="position: relative; min-width: 100%; max-height: 550px!important;">
<div style="width: 100%; height: 100%; background: url('{{media url="wysiwyg/glacetheme/homepage/slider/17/slider2.jpg"}}') center 0% no-repeat; background-size: cover;">&nbsp;</div>
<div class="slide1-content">
<div class="text-content" style="display: inline-block;">
<div class="content_slider">
<h2>order by phone and take Present</h2>
<p>Pick up your phone now</p>
<a class="button" href="#">SHOP NOW</a></div>
</div>
</div>
</div>
</div>
</div>
<p>
<script type="text/javascript">// <![CDATA[
    Glacetheme_1102(function($){
        $("#banner-slider-demo-16").owlCarousel({autoPlay:false,stopOnHover: false,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"});
        $(".main-container").remove();
    });
// ]]></script>
</p>
<div class="homepage-bar" style="border: 0; padding: 11px 0; background-color: white; text-align: center;">
<div class="container">
<div class="row">
<div class="col-md-4" style="margin-top: 12px; margin-bottom: -5px;">
<div class="text-area">
<h3 style="color: black; padding-left: 30%; white-space: nowrap;">free shipping <b> worldwide</b></h3>
</div>
</div>
<div class="col-md-4" style="padding-bottom: 0; padding-top: 30px; text-align: center;"><i> <img alt="" src="{{media url="wysiwyg/glacetheme/homepage/slider/17/e.png"}}" /></i></div>
<div class="col-md-4">
<div class="text-area">
<h3 style="color: black;">Free exchange &amp; <b> easy returns</b></h3>
</div>
</div>
</div>
</div>
</div>
<div style="padding: 29px 0 36px;">
<div class="container">
<div class="slider-with-side">
<div class="slider-area">
<div id="banner-slider-demo-8" class="owl-carousel owl-theme owl-bottom-narrow owl-banner-carousel">
<div class="item"><img alt="" src="{{media url="wysiwyg/glacetheme/homepage/slider/17/slider1.png"}}" /></div>
</div>
<script type="text/javascript">// <![CDATA[
                    Glacetheme_1102(function($){
                        $("#banner-slider-demo-8").owlCarousel({autoPlay:true,lazyLoad:true, stopOnHover: true,pagination: true, navigation: false,slideSpeed : 500,paginationSpeed : 500,singleItem:true});
                    });
                
// ]]></script>
</div>
<div class="side-area" style="padding: 0px;">
<div class="item1"><img alt="" src="{{media url="wysiwyg/glacetheme/homepage/slider/17/r_slide1.png"}}" />
<div class="content" style="left: 24%; bottom: 25%;"><a class="btn btn-default" style="background-color: #f9c42b; padding: 8px 32px; font-size: 14px; color: white; vertical-align: top; font-weight: bold; float: right; border-radius: 0;" href="#">READ OUR BLOG</a>
<div class="clearer">&nbsp;</div>
</div>
</div>
<div class="item2"><img alt="" src="{{media url="wysiwyg/glacetheme/homepage/slider/17/r_slide2.png"}}" />
<div class="content" style="left: 18%;"><a class="btn btn-default" style="background-color: #f25357; padding: 8px 60px; font-size: 16px; color: white; vertical-align: top; font-weight: 500; float: right; border-radius: 0;" href="#">JOIN US</a>
<div class="clearer">&nbsp;</div>
</div>
</div>
<div class="item3"><img alt="" src="{{media url="wysiwyg/glacetheme/homepage/slider/17/r_slide3.png"}}" />
<div class="content">&nbsp;</div>
</div>
</div>
</div>
</div>
</div>
<div id="news_products">
<div class="container">
<div class="row">
<div class="col-sm-12">
<h2 class="filter-title"><span class="content">new arivals</span></h2>
<div id="new_product" class="owl-top-narrow ">{{block type="easyfilterproduct/newproduct_home_list" name="new_list" product_count="10" template="easyfilterproduct/list2.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, 6], [1280, 6] ],    responsiveRefreshRate: 50,    slideSpeed: 200,    paginationSpeed: 500,    scrollPerPage: false,    stopOnHover: true,    rewindNav: true,    rewindSpeed: 300,    pagination: false,    navigation: false,    autoPlay: true,    navigationText:["<i class='icon-left-open'></i>","<i class='icon-right-open'></i>"]});
                    });
                
// ]]></script>
</div>
</div>
</div>
</div>
<div class="single-images-border-radius">
<div class="container">
<div class="row" style="margin-left: -10px; margin-right: -10px;">
<div class="col-md-4"><a class="image-link" href="#"> <img alt="" src="{{media url="wysiwyg/glacetheme/homepage/slider/17/image1.png"}}" /> </a></div>
<div class="col-md-4"><a class="image-link" href="#"> <img alt="" src="{{media url="wysiwyg/glacetheme/homepage/slider/17/image2.png"}}" /> </a></div>
<div class="col-md-4"><a class="image-link" href="#"> <img alt="" src="{{media url="wysiwyg/glacetheme/homepage/slider/17/image3.png"}}" /> </a></div>
</div>
</div>
</div>
<div id="feature_product">
<div class="container">
<div class="row">
<div class="col-sm-12">
<h2 class="filter-title"><span class="content">featured</span></h2>
<div id="featured_product" class="owl-top-narrow">{{block type="easyfilterproduct/featured_home_list" name="featured_list" product_count="10" template="easyfilterproduct/list2.phtml"}}</div>
<script type="text/javascript">// <![CDATA[
                    Glacetheme_1102(function($){
                        $("#featured_product .filter-products .owl-carousel").owlCarousel({lazyLoad: true,    itemsCustom: [ [0, 1], [320, 1], [480, 2], [768, 3], [992, 6], [1280, 6] ],    responsiveRefreshRate: 50,    slideSpeed: 100,    paginationSpeed: 300,    scrollPerPage: false,    stopOnHover: false,    rewindNav: true,    rewindSpeed: 300,    pagination: false,    navigation: false,    autoPlay: true,    navigationText:["<i class='icon-left-open'></i>","<i class='icon-right-open'></i>"]});
                    });
                
// ]]></script>
</div>
</div>
</div>
</div>

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

<div class="footer1-a">
<div class="footer_inner"><span class="p1"> We are diffrerent </span>
<p class="p2">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, when an unknow printer took a galley of type and scrambled it to make a type specimen book.<br /><br /> It has survied not only five centuries, but also the leap into electronic typesetting, remaining essentially un-<br /> change. It was popularised in the 1960 with the release of Letraset sheets containing</p>
</div>
</div>

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

<div class="footer1-b">
<div class="footer_inner"><img id="line-vertical" alt="" src="{{media url="wysiwyg/glacetheme/homepage/slider/17/footer/ziz.png"}}" />
<div class="footer1-c">
<p class="p3">Reoria on social media </p>
<p class="p4">know lastest style clothing, buyer's<br /> style show, coupons by out community</p>
<a href="#"><img alt="" src="{{media url="wysiwyg/glacetheme/homepage/slider/17/footer/t.png"}}" /></a> <a href="#"><img alt="" src="{{media url="wysiwyg/glacetheme/homepage/slider/17/footer/face.png"}}" /></a> <a href="#"><img alt="" src="{{media url="wysiwyg/glacetheme/homepage/slider/17/footer/p.png"}}" /></a> <a href="#"><img alt="" src="{{media url="wysiwyg/glacetheme/homepage/slider/17/footer/c.png"}}" /></a> <a href="#"><img alt="" src="{{media url="wysiwyg/glacetheme/homepage/slider/17/footer/google.png"}}" /></a> <a href="#"><img alt="" src="{{media url="wysiwyg/glacetheme/homepage/slider/17/footer/d.png"}}" /></a> <a href="#"><img alt="" src="{{media url="wysiwyg/glacetheme/homepage/slider/17/footer/youtobe.png"}}" /></a></div>
</div>
</div>

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

<div class="block">
<div class="block-title"><strong><span>information</span></strong></div>
<div class="footer2-b-1">
<ul>
<li><a href="https://cmsideas.net/demo/magento_themes/reoria/about-glacetheme"> about us</a></li>
<li><a href="https://cmsideas.net/demo/magento_themes/reoria/index.php/blogs">Blogs</a></li>
<li><a href="#">join our community</a></li>
<li><a href="#">review guidelines</a></li>
<li><a href="https://cmsideas.net/demo/magento_themes/reoria/index.php/contacts">Contact Us</a></li>
<li><a href="#">track my order</a></li>
<li><a href="#"> award </a></li>
<li><a href="#">gifts</a></li>
<li><a href="#">FAQ</a></li>
<li><a href="#">shipping info</a></li>
<li><a href="#">return &amp; exchanges</a></li>
<li><a href="#">contact us</a></li>
</ul>
</div>
</div>

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

<div class="block">
<div class="block-title"><strong><span>information</span></strong></div>
<div class="address"><span>Address</span>
<p>123 Street Name, City, England</p>
</div>
<div class="phone"><span>Phone</span>
<p><a href="tel:2131234567">213-123-4567</a></p>
</div>
<div class="fax"><span>Fax</span>
<p><a href="tel:2131234567">123-456-7890</a></p>
</div>
<div class="mail"><span>Email</span>
<p><a href="mailto:email@domain.com">email@domain.com</a></p>
</div>
</div>

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

<div style="float: left;"><i> <img alt="" src="{{media url="wysiwyg/glacetheme/homepage/slider/17/footer/footer.png"}}" /></i></div>
<div style="float: right; padding-right: 6%;">
<ul class="links">
<li class="site-map"><a href="#"> Site Map</a></li>
<li class="rss"><a href="#">Rss</a></li>
<li class="Privacy &amp; Security"><a href="#"> Site Map</a></li>
<li class="contact"><a href="#"> Contact Us</a></li>
</ul>
</div>

7. BLOCK-7 (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>

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