Zero Module Configuration

To access and configure the Zero modules:

Go to Modules and Services menu
In the list of modules, filter modules by Authors: mr.zero

Zero - Theme Manager

We have 5 tabs: General, Header, Footer, Category Page, Product Page

1. General

Page Layout
- Wide
- Boxed- With the Boxed layout, you can set a Boxed Background Color and Boxed Background Image
Sidebar Navigation- If you disable it, the header will look like this
Sticky Menu
Scroll to Top Button
Progress Bar
Sidebar Mini Cart- Dropdown cart:

2. Header

Header Banner

- When your customers click on the CLOSE button, it doesn't show up anymore.
- Demo HTML:

<p>We use cookies to give you the best possible experience on our site. By continuing to use the site you agree to our use of cookies. <a href="#">Find out more</a>.</p>

Sidebar Navigation: Main Menu- Select the menu in the sidebar navigation
Sidebar Navigation: CMS Links- You can add more CMS pages in Preferences > CMS menu
Sidebar Navigation: Custom Links- Please use the List format (<ul> <li> HTML tag) on this field.
- Demo HTML:
```
<ul>
<li><a href="#">Theme Features</a></li>
<li><a href="#">BUY NOW</a></li>
</ul>
```

3. Footer

Footer CMS Links- You can add more CMS pages in Preferences > CMS menu

Footer Static Links

- Please use the List format (<ul> <li> HTML tag) on this field.
- Demo HTML:

<div class="col-sm-12 col-md-4">
<h4>Why Choose</h4>
<ul>
<li><a href="#">Theme Features</a></li>
<li><a href="#">Typography</a></li>
<li><a href="#">Banner Effect</a></li>
<li><a href="#">Buy This Theme</a></li>
<li><a href="#">Support</a></li>
<li><a href="#">Custom Link</a></li>
</ul>
</div>
<div class="col-sm-12 col-md-4">
<h4>Sample Menu</h4>
<ul>
<li><a href="#">Iris Josiah Cross</a></li>
<li><a href="#">Wild Beam</a></li>
<li><a href="#">Wooden Crystal</a></li>
<li><a href="#">Trey Mccarthy</a></li>
<li><a href="#">Square Scorpion</a></li>
<li><a href="#">Vince Mcknight</a></li>
</ul>
</div>

Footer Contact Infos

- Demo HTML:

<p><a href="#"><img src="http://prestashop.aonetemplate.com/zro03/img/cms/logo-footer.png" alt="ZROMarket" width="688" height="114"></a></p>
<p>Aenean dignissim ante eu purus dictum, feugiat elementum erat luctus. Integer scelerisque, diam nec condimentum facilisis.&nbsp;<a title="See more" href="#">[...]</a></p>
<p><span class="icon-phone"> Tel:</span> +12 0987654321</p>
<p><span class="icon-envelope"> Email:</span> example@zromarket.com</p>
<p><span class="icon-map-marker"> Address:</span> 6 Bis Rue Meyerbeer</p>

Footer CopyRight

- Demo HTML:

<p><img src="http://prestashop.aonetemplate.com/zro03/img/cms/logo-icon.png" alt="" width="40" height="40">&nbsp;Copyright © 2016 <strong>Zro Market</strong>&nbsp; |&nbsp;&nbsp;Powered by <a href="http://www.prestashop.com/" target="_blank">PrestaShop™</a></p>

Footer Payment

- Demo HTML:

<p><img src="http://prestashop.aonetemplate.com/zro03/img/cms/payments.png" alt="" width="359" height="28" /></p>

Social Sharing Buttons.

4. Category Page

Category Image
Category Description
Subcategories
Product Grid Columns
- 4 cols
- 3 cols
- 2 cols

5. Product Page

Zero - Popup Newsletter

Recommended Popup Width: 670px
Recommended Popup Height: 500px
Background Image: http://prestashop.aonetemplate.com/zro03/themes/zro03/docs/screenshots/zeropopupnewsletter-default-background.jpg (670x500 pixels)

Content
- Demo HTML:

<div style="font-size: 25px; line-height: 25px; margin-top: 30px;">
<p>SIGN UP FOR</p>
<p>OUR NEWSLETTER</p>
<p>& PROMOTIONS !</p>
</div>
<p style="font-size: 40px; height: 40px; line-height: 40px;">GET</p>
<p style="font-size: 60px; color: #e52e04; height: 60px; line-height: 60px;">25%<span style="padding-left: 15px; font-size: 60%;">OFF</span></p>
<p><strong>ON YOUR NEXT PURCHASE</strong></p>

Frontend

This module use the "Subscribe Form" of the Newsletter block module - by PrestaShop.

Go to the configuration page of the Newsletter block module, You can find the registered emails here.

Zero - Mega Menu

Add new MENU

In the MENU LIST section, click on NEW icon to open the New Menu page

Frontend

Add dropdown content for a Menu

In the MENU LIST section, choose a menu and click on View Contents link to open the DROPDOWN CONTENTS page
In the DROPDOWN CONTENTS section, click on NEW icon to open the New Dropdown Content page
Content Type: Category
Content Type: Product
Content Type: Custom HTML
Content Type: Manufacturer

Zero - Nivo Slideshow

Add new Slide

In the SLIDES LIST section, click on NEW icon to open the New Slide page

- Caption HTML:

<h2>Fashion Store</h2>
<p class="text">Sed justo libero, posuere eget elementum sed, auctor non ante. <br> Fusce sagittis est ut ipsum ullamcorper laoreet.</p>
<p><a class="btn btn-default" href="#">SHOP NOW</a></p>

Frontend

Nivo Slider Options

The same options with jQuery Nivo Slider v3.2

Wide and Boxed layout

You can set the layout for the slideshow

Zero - Daily Deals

Deal Products: select the products that it has a discount over a period of time

Frontend

Zero - Homepage Main Blocks

Top of Homepage

Homepage Content

Bottom of Homepage

Add new Layout

In the LAYOUT LIST section, click on NEW icon to open the New Layout page

Add block content for a Layout

In the LAYOUT LIST section, choose a layout and click on Block Contents View link to open the BLOCK CONTENTS page
In the BLOCK CONTENTS section, click on NEW icon to open the New Block Content page
Block Type: Static HTML block
Demo HTML: Please see this page http://prestashop.aonetemplate.com/zro03/en/content/6-image-hover-effects

Zero - Featured Categories

Frontend

Zero - Brand Logos

Frontend

Zero - Sidebar Main Blocks

Left Column

Add new Layout

In the LAYOUT LIST section, click on NEW icon to open the New Layout page

Add block content for a Layout

In the LAYOUT LIST section, choose a layout and click on Block Contents View link to open the BLOCK CONTENTS page
In the BLOCK CONTENTS section, click on NEW icon to open the New Block Content page
Block Type: Static HTML block