Overview
Molly Documentation v1.0
ArrowHiTech Jsc has achieved more than 6 years of experience working on Magento commerce and completed 2000+ Magento projects so far. Thanks to our rich experience in the realm, our proficient team of Magento developers and managers have designed and developed a lot of useful extensions exploiting great features of Magento.
Version: 1.7+
Author: Magesolution .
Install Magento
If you haven't got a Magento website yet, you will have to install a copy of Magento Community Edition open source e-commerce web application before using Molly Responsive Magento theme.
If you already have installed Magento you can skip this section
To install Magento, follow these steps:
1. Install Theme
1.1 Disable compiler
Go to System -> Tools -> Compilation then disable compiler if it is already enabled, if not, you can skip this step.
1.2 Upload Pack
Using a FTP client to upload content of upload folder to the root folder on your Web Server (usually named public_html). Attention: when you copy content of upload folder to the root folder, it will overwrite some files. Please accept it.
You need to upload all content files in folder Theme/step_1 first
Then upload content in folder Theme/step_2
- If you are using magento version 1.9.1.x or later, please upload (upload overwrite) all content files from folder Theme/patch_1.9.1.x to your magento root folder.
- If you are using magento version 1.9.2.x or later, please upload (upload overwrite) all content files from folder Theme/patch_1.9.1.x and Theme/patch_1.9.2.x to your magento root folder.
- If you are using magento version 1.9.3.x or later, please upload (upload overwrite) all content files from folder Theme/patch_1.9.1.x, Theme/patch_1.9.2.x and Theme/patch_1.9.3.x to your magento root folder.
1.3 Refresh Cache
Go to System -> Cache management . Select all, choose refresh action and submit. After that you will see new menu item Mage Solutions . Now log out and login again to refresh access control system
1.4 Install Theme
Go to Mage Solutions -> Theme Settings to install theme you want
- Click button
"Install Molly Theme" to install theme.
- Click button
"Restore Config" to setup all default setting of theme (this action just apply to default store config).
1.5 Install Demo Homepage
If you want to install homepage demo, please go to Mage Solutions -> Theme Settings [Import Demo Data]
Click to Theme name you want to import homepage to expand homepages of this theme
- Click to "Import this homepage" button to install. If you install from "default config", this homepage will install to all store view. If you want install to a store view, please change store view first
2. Install Full Demo
To import full demo, first, you need install Magento, install theme (Please read Install Magento and Install Theme ) then download database and media of the theme:
Database: https://www.dropbox.com/s/4zjkx359n8xyewd/molly.sql.gz?dl=0
Media: https://www.dropbox.com/s/y8faazreic65ec2/media.zip?dl=0
After download sql file and media file, please import sql file you have downloaded to your phpmyadmin:
Go to Cpanel -> My SQL Database
Create new database
Create new account of database
Assign database to user
Set permissions for user
Go back to cpanel and go to phpmyadmin
Click to database you have created
Click Import
Click "Browse..." button and choose the database you have downloaded
Click "Go" button to import database
After import database, please find and go to database table name core_config_data
Find 2 records with path are web/unsecure/base_url and web/secure/base_url
Edit value of them to your site url, eg:
Open the file: app/etc/local.xml on your host:
Edit user, password, database name of the database you have created:
Save this file and upload to your host again
Unzip media.zip file you have downloaded then you will get an folder name media
Upload this folder to your magento root folder on your host
Done, now the full demo data of the theme have installed on your site
3. Magento Panel
3.1 What is MGS Frontend Builder?
Very easy to answer, It is a front-end Magento pages builder. It allows you to build and configure Homepage, Category page, Product page, CMS page, Shopping cart page... at frontend visually without having to log in the admin back-end.
Wow, so what are the advantages of MGS Frontend Builder?
Visually : You can see directly which you want to build and change
Build Web pages by yourself : You can build or configure the pages on your own basing on available layouts and available components
Drag & Drop : Simple for you to drap & drop the blocks on the page
Grid configuration : It allows you to setup width of blocks with Grid standard (12 columns)
Website configuration : It's easy for you to setup all features for your website such as layouts, background, colors, fonts, extensions, catalog... at Frontend
Enable/disable Inline translation : Flexible and convenient to directly translate the site content into target languages at frontend.
and much more...
3.2 Create Panel Account
To use panel, you need create an account for frontend, you can create account from admin panel (Customers -> Manage Customers) or register from frontend
After create frontend account, go to admin panel -> Mage Solutions -> MGS Panel
Enabled: Yes
Email Accounts to use panel: Email of frontend account
Save config.
Go to frontend, login frontend account
Now you can see "Active Builder" button at bottom right of page.
3.3 General Page Setting
Width: Width of the page (1024px, 1200px, 1366px, full width)
Right to left layout: Yes/No
Layout: Choose style of page is wide or boxed
Layout Style: Choose style of page is light or dark
Sticky menu: Anchor menu by mouse scroll
Display back to top icon: Visible back to top icon on frontend
Active Preloader: Active preloader icon on page load
Custom CSS: If you want to custom css by yourself, please choose "Yes", to custom css, please edit the file: skin/frontend/mgstheme/[theme_name]/css/custom.css
Enable Google rich snippets: More details
Enable Popup Newsletter: Enable Newsletter popup when customer visit homepage
Background
Background Color: background color of website
Background Image: background image of website
Background Pattern: background image pattern (apply for boxed mode)
Fonts
Default font: font for all text
Heading 1: font for <h1> tag
Heading 2: font for <h2> tag
Heading 3: font for <h3> tag
Heading 4: font for <h4> tag
Heading 5: font for <h5> tag
Heading 6: font for <h6> tag
Price: font for price
Menu: font for main menu
Extensions
Enable Megamenu: disable/enable megamenu extension
Enable Ajax Add to Cart: disable/enable ajax cart extension
Enable Quick View: disable/enable quick view extension
Enable Daily Deals: disable/enable daily deals extension
Enable Onestep Chekout: disable/enable onestep checkout extension
Catalog
Default Layout for Category Page: default layout for all category page
Default Layout for Product Page: default layout for all product page
Number of products per row: from 1 to 8
Featured Product Attribute: attribute to set featured products
Best Selling Product Attribute: attribute to set best selling products
Product Picture Ratio: set ratio for all product picture
New Label: label for New products
Sale Label: label for Sale products
Active Price Slider: active price slider filter on category page
Active Load more products: replace pager by ajax load more on category page
3.4 Change Page Layout
You can change layout for:
Category Page
Catalog Search Page
Product Page
My account Page
Blog Page
3.5 Change Header
At frontend, after active builder, click to setting icon at top left of the header to change header
3.7 Edit Logo and Static Block
- At frontend, after active builder, mouse hover to the logo, you can see edit icon
- Click to edit icon, you can upload logo
- Mouse hover to any static block at header and footer, you can see edit icon
- Click to edit icon, you can edit static block
3.8 Change Category Setting
At frontend, after active builder, go to any category, you can change setting and seo content of the category
3.9 Edit Category Information
- At frontend, after active builder, go to any category
- Mouse hover to image or description of category, you can see edit icon
- Click to edit icon, you can upload image and edit description of the category
3.10 Change Product Setting
At frontend, after active builder, go to any product, you can change setting and seo content of the product
3.11 Edit CMS Page Content
- At frontend, after active builder, go to any cms page
- You can see edit icon at top right of content
- Click to edit icon, you can edit content of the page
3.12 Edit Contact Us Information
- At frontend, after active builder, go to contact us page
- Click edit icon at top left of map to edit map information
- Hover to text content and click edit icon to edit map information
3.14 Manage Left block, Right block
At frontend, after active builder, you can add or remove:
- Static block
- Category Navigation
- Sub Category (just for category page)
- Layered Navigation (just for category page)
- Cart Sidebar
- Compare Sidebar
- Reorder Sidebar
- Poll
- Viewed Products
- Wishlist Sidebar
- Tag Popular
- NewsLetter
- Promo Banner
- Menu
- Featured Products
- Bestselling Products
- New Products
- Top Rate Products
- Sale Products
- Facebook Like box
- Tweeter Feed
From left sidebar and right sidebar of:
- Category page
- Catalog Search page
- Product page
- Cms page
- My account page
3.15 Copy Homepage content
4. Homepage Builder
4.1 Homepage Layout
At frontend, after active builder, you can change homepage layout
Check "Use Builder", choose a layout and click "Update" button to use homepage builder, uncheck "Use Builder" to use default cms page
You can add, remove, edit setting, change position of a section
You can add, remove, edit, change column of block
Drag and drop to sort block on each section
Change appear animation for each block
Custom block title, class…
Change settings for the section, add background, padding top, padding bottom, choose parallax section, custom class
4.2 Manage Sections
Mouse hover to any section, you can see setting icon, click setting icon to edit setting for the section
Fullwidth: set fullwidth for section or not
Class name: custom class for section
Background color: background color for section
Background Image: background image for section
Background Repeat: repeat for background image or not
Parallax: Use parallax or not
Background Cover: Set full with for background image or not
Padding top: padding top of section
Padding bottom: padding bottom of section
Divide Columns: Divide this section to multiple columns
4.3 Add Block for Section
At home page, for any section, you can see button:
Click to the button to add new block
Multiple block types can be added (22 blocks):
Static Block
Revolution Slider
New products
Featured Products
Best selling Products
Sale Products
Top Rate Products
Daily Deals
Product Tabs
Category Product
Single Product
Featured Brands
Promo Banner
Latest Posts
Separator
Category Navigation
Testimonial
Events
Profiles
Megamenu
Facebook Like Box
Twitter Feed
Each block will have different setting, but there are some similarities setting:
- Block col (12 to full):
- Custom Class: custom class of the block
- Block Animation: animation effect of the block when page load
- Animation Delay: delay of animation effect
4.4 Static Block
4.5 Revolution Slider
We are using "Magento Responsive Slider Revolution Extension - AM Revolution Slider". You can find more information at:
http://www.arexmage.com/am-revolution-slider.html
The first, from admin, go to AM->AM Revolution Slider->Manage Slider to add new slider
At frontend, choose revolution slider block to add
Choose slider to add
4.6 New Products Block
To set new product, please read step 1 from this link:
http://www.magentocommerce.com/knowledge-base/entry/adding-new-products-list-to-home-page
Number of Product : limit number of new product to show
View mode : Grid/List
Number of product per row : Number of product visible per row
Product picture ratio : ratio of the product image
Use slider : Use slider or not
Visible load more button : (apply for grid mode)
4.7 Featured Products Block
If you haven't got an attribute to set featured products, you need to create an attribute and add it to your attribute set, if you have one, please skip this step
Go to Catalog -> Attributes -> Manage Attributes
Click Add New Attribute button
Attribute Code: Your featured products attribute code (eg. featured)
Catalog Input Type for Store Owner: Choose Yes/No
Click tab Manage Label/Options
Fill out your attribute label (eg. Featured Product)
Click Save Attribute button
Go to Catalog -> Attribute ->Manage Attribute Sets
Click your attribute set (eg. Default)
Drag and drop the attribute to a group
Click Save Attribute Set button
Go to Catalog -> Manage Products
Check products you want to show as featured ones on homepage
Action: Choose Update Attributes
Click Submit button
Find Featured Product attribute and change value to yes as follows:
Click Save button
At frontend, choose attribute for featured products and update config:
Number of Product : limit number of new product to show
View mode : Grid/List
Number of product per row : Number of product visible per row
Product picture ratio : ratio of the product image
Use slider : Use slider or not
Visible load more button : (apply for grid mode)
4.8 Best Selling Products Block
If you haven't got an attribute to set best selling products, you need to create an attribute and add it to your attribute set, if you have one, please skip this step
To create Best selling product, please follow create featured product, change attribute code to best_selling , change attribute label to Best Selling
At frontend, choose attribute for best selling products and update config:
Add new block
Number of Product : limit number of new product to show
View mode : Grid/List
Number of product per row : Number of product visible per row
Product picture ratio : ratio of the product image
Use slider : Use slider or not
Visible load more button : (apply for grid mode)
4.9 Featured Brands Block
To add brand images, at back-end, go to Mage solutions->Brand->Manage Brands
At frontend, add new block:
4.10 Product Tabs Block
We create five tabs for: new products, featured products, best selling products, sale products, top rate products
At frontend, add new block:
4.11 Daily Deals Block
Set Deals:
In admin panel, go to Catalog -> Manage Products
Choose a product and click “Prices” tab
Set "Special Price" (Special Price < Price)
Set "Special Price From Date" and "Special Price To Date":
If ["Special Price From Date" < now < "Special Price To Date"] then "Status" of deal will be "Running"
If [now < "Special Price From Date" < "Special Price To Date"] then "Status" of deal will be "Processing"
Set "Deal Quantity": This is maximum quantity for deal (only works for simple products).
Save product.
At frontend, add new block:
4.12 Single Product
At frontend, add new block:
4.13 Promo Banner Block
At frontend, add new block:
Link : Url to redirect when mouse click
Button : button text, ex: Click here, View details... (Optional)
Background Image : upload banner image
Html content : any content (text, html)
Text align : align of html content
For effect of promo banner when mouse hover, you need to add class for custom class. There are class list you can use:
effect-blur
effect-blur2
effect-zoomin
effect-zoomout
effect-dark
effect-bright
effect-apollo
effect-chico
effect-roxy
effect-ming
effect-jazz
4.14 Latest Post Block
For blog module, we are using AW_Blog extension
Categories to show : Categories of blog posts, you can select multiple category
Number of blog post : number of blog post to show
View mode : Grid/List/Category Tabs
Use Slider : Use slider or not
4.15 Separator Block
At frontend, add new block:
Separator Type : type of separator (Border/White space)
Border type : width of border (Full/Medium/Small), apply for border mode
Icon : icon to show at middle of the border, apply for border mode
Text Content : Text to show at middle of the border, apply for border mode
4.16 Category Product Block
At frontend, add new block:
Number of Products per row : number of products to show for per category
View Mode : Category List/Category Tabs
Category : check category to show products
4.17 Testimonial Block
At frontend, add new block:
Number of Testimonial : number of testimonial to show
View mode : Slider/List
4.18 Events Block
To add new event, please go to back-end, Mage Solutions -> Events -> Manage Events
At frontend, add new block:
Number of Events : number of events to show
Summary Character Count : count of character will show
Show Begin Time : display time of event
View mode : Grid/List
Number of event per row : number of event to show per row
4.19 Profiles Block
To add new profile, please go to back-end, Mage Solutions -> Profiles
At frontend, add new block:
4.20 Facebook Like Box Block
To add facebook like box block, first, you need setting for Facebook AppId and Facebook Secret Key
At top panel, click to setting icon, under Socials section
At frontend, add new block:
Page Id : page id of your facebook
Number of friend face : number of your friend on facebook to display
Width : width of the box
Height : height of the box
4.21 Twitter Feed
To add twitter feed block, first, you need setting for Twitter information
At top panel, click to setting icon, under Socials section
At frontend, add new block:
Twetter User : username of your twitter account
Number of tweets : number feeds to show
Character Count : number of character will show for per feed
4.22 Instagram Feed
To setup Instagram, at frontend, after active builder click to edit icon at top left of content and go to "Social" -> change "Active" to Yes.
7.6.1 Setup Instagram
Step 1: Login to Instagram if your not already.
Step 2: Go to Instagram Developers
Step 3: Click on ”Register your application”..
Step 4: If you don’t already have a application registered, you will now see a form to register a new one. If you instead see a list of ”clients”, click the ”Register new client” at the top right..
Step 5: Set application name to your websites name
Step 6: Click ”Manage clients” in the top menu and you will now see you new client in the list and a client id, client secret and more. Copy the client_id and past that in the field in the settings page
Step 7: Setting at frontend .
Active: Yes
User Name: User Name login on instagram
Count: Number images to show
Width: Width of thumbnail images
Height: Height of thumbnail images
Create block Instagram on Homepage
Title: Title block.
Instagram User : username of your instagram account
Number of images : number images to show
Client Id : Your app client id
Width: Width of thumbnail images
Height: Height of thumbnail images
4.23 Flickr Feed
To setup Flick, at frontend, after active builder click to edit icon at top left of content and go to "Social" -> change "Active" to Yes.
Step 1: Open the below link to get your Flickr API Key . Make sure you are already logged into your Flickr account before going to click on below link..
Step 2: Link will redirect your to Flickr API Key apply page. Click on “Apply for your key online now” link same as below screenshot.
Step 3: Next screen will ask you to Usage of Flickr API Key. Select "APPLY FOR A NON-COMMERCIAL KEY".
Step 4: Input your Flickr App details to form and click on SUBMIT button.
Step 5: After submit form on previous page you will get your Flickr API Key on next screen. Below screenshot showing your new generated Flickr API Key.
Step 6: Setting at frontend .
Create block Flickr on Homepage
Title: Title block.
API Key : Your Flickr API key
User Id: Your Flickr user Id
4.24 Portfolio
Create block Portfolio on Homepage
Categories to show: Select Categories Portfolio to show item
Number of portfolio to show : number portfolio to show
Number of portfolio per row : number portfolio on a row
Use slider : Show as slider
5. Molly Home Page Setup
5.1 Home page 1
SECTION 1
Block 1. Revolution Slider
Step 1: At frontend, add new block -> choose "Revolution Slider".
Step 2: Setting block
Block col (12 to full): 12
Slider: Homepage Slider
SECTION 2
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Padding top: 60
Column Config
Choose: 4,4,4
Custom class for Column 1: col-sm-6 col-xs-12
Custom class for Column 2: col-sm-6 col-xs-12
Custom class for Column 3: col-sm-12 col-xs-12
Block 2. Static block "Free shipping on all orders"
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
Block 3. Static block "Amazing customer service"
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
Block 4. Static block "No customs or duty fees"
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
SECTION 3
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Padding top: 37
Padding bottom: 60
Block 5: Static block "New Arrivals".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
NEW ARRIVALS
Trending Fashion In This Season
Block 6: Categories Product Tabs.
Step 1: At frontend, add new block -> choose "Category Products".
Step 2: Setting block
General Tabs:
Block col (12 to full): 12
Custom Class: tabs-center col-xs-12
Category Config:
Show Products by: New Products
Number of Products per Category: 6
Number of Products per row: 4.
Layout: Category products tabs slider.
Category: Choose category to show.
SECTION 4
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Class Name: padding-5
Block 7: Static block title "Shop by Categories".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
SHOP BY CATEGORIES
Trending Fashion In This Season
Block 8. Static block content "Shop by Categories".
Step 1: Click to edit section (parent of this block) -> add class "padding-5" to Custom Class.
Step 2: Add new block -> choose "Text & images".
Step 3: Setting Static block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
Accessories (9 products)
Office (20 products)
SECTION 5
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Class Name: hidden-xs
Padding top: 50
Block 9. Promo banner "Do you love us....".
Step 1: At frontend, add new block -> choose "Promo Banner".
Step 2: Setting block
General Tabs:
Custom Class: col-xs-12 text-left
Banner Config:
Title: Title of promobanner.
Button text: "Purchase"
Background Image: Choose Images of promobanner.
Html Content:
Do You Love Us?
Puschase This Theme!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eu pulvinar massa.
Text Align: Right.
Color Tabs:
Button colour: Choose color -> button-colour-sienna
Button border colour: Choose color -> button-border-colour-sienna
SECTION 6
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Padding top: 61
Block 10: Static block title "Blog Update".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
BLOG UPDATES
Trending Fashion In This Season
Block 11. Blog.
Step 1: At frontend, add new block -> choose "Latest Post".
Step 2: Block setting
General:
Custom Class: text-center col-xs-12
Post Config:
Categories to show: Choose categories blog to show.
Number of blog post: 2
Summary Character Count: 150
View mode: Grid
Number of blog post per row: 2
Use slider: No
SECTION 7
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
Custon Class: container-bg
Column Config:
Divide columns: Select 6-6
Custom class for Column 1: no-padding col-sm-12 col-xs-12
Custom class for Column 2: no-padding col-sm-12 col-xs-12
Block 12 (Left Col): NewsLetter Block.
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Block setting
Custon Class: text-center.
Title: Input name static block.
Identifier: Input identifier static block.
Content:
NEWSLETTER
Sign up to receive the coupon 15% off for your first purchase via email and get informations about bicycle.
{{block type="newsletter/subscribe" name="home.newsletter" as="home.newsletter" template="newsletter/home_subscribe.phtml"/}}
*Discount applies only to orders over $100
Block 13(Right Col): Promo banner "Sale Off 50%....".
Step 1: At frontend, add new block -> choose "Promo Banner".
Step 2: Block setting
Custon Class: col-xs-12 text-left
General Tabs:
Custom Class: col-xs-12 text-left
Banner Config:
Title: Title of promobanner.
Html Content:
SALE OFF
UP TO 50%
SUMMER FINAL SALE OFF
Background Image: Choose Images of promobanner.
Text Align: Right.
Color Tabs:
Text colour: Choose color -> text-colour-white
SECTION 8
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Custon Class: container-bg
Column Config:
Divide columns: Select 4,4,4
Custom class for Column 1: col-sm-6 col-xs-12
Custom class for Column 2: col-sm-6 col-xs-12
Custom class for Column 3: col-sm-12 col-xs-12
Block 14. On Sale.
Step 1: At frontend, add new block -> choose "Sale Product".
Step 2: Block setting
General:
Title: On Sale
Custom Class: col-xs-12
Product Config:
Number of Products: 3.
View mode: List
Block 15. Featured.
Step 1: At frontend, add new block -> choose "Featured Product".
Step 2: Block setting
General:
Title: Featured
Custom Class: col-xs-12
Product Config:
Number of Products: 3.
View mode: List
Block 16. Top Rate Product.
Step 1: At frontend, add new block -> choose "Top Rate Product".
Step 2: Block setting
General:
Title: Top Rate Products
Custom Class: col-xs-12
Product Config:
Number of Products: 3.
View mode: List
5.2 Home page 2
SECTION 1
Block 1. Revolution Slider
Step 1: At frontend, add new block -> choose "Revolution Slider".
Step 2: Setting block
Block col (12 to full): 12
Slider: Homepage 2 Slider
SECTION 2
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Padding top: 60
Block 2: Static block "New Arrivals".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
NEW ARRIVALS
Trending Fashion In This Season
Block 3: Categories Product Tabs.
Step 1: At frontend, add new block -> choose "Category Products".
Step 2: Setting block
General Tabs:
Block col (12 to full): 12
Custom Class: col-xs-12
Category Config:
Show Products by: New Products
Number of Products per Category: 6
Number of Products per row: 4.
Layout: Category products tabs slider.
Category: Choose category to show.
SECTION 3
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Class Name: padding-5
Padding top: 40
Padding bottom: 55
Block 4: Static block title "Shop by Categories".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
SHOP BY CATEGORIES
Trending Fashion In This Season
Block 5. Static block content "Shop by Categories".
Step 1: Add new block -> choose "Text & images".
Step 2: Setting Static block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
Fashion (15 products)
Interior (9 products)
Office (25 products)
Accessories (18 products)
SECTION 4
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Background color: #222222
Padding top: 46
Padding bottom: 14
Column config
Choose: 4,4,4
Custom class for Column 1: col-sm-4 col-xs-12
Custom class for Column 2: col-sm-4 col-xs-12
Custom class for Column 3: col-sm-4 col-xs-12
Block 6. Static block "Free shipping on all orders".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
FREE SHIPPING ON ALL ORDRES
Get Free Shipping on all orders over $75 and free returns to our UK returns centre! Items are dispatched from the US and will arrive in 5-8 days.
Block 7. Static block "Amazing customer service".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
AMAZING CUSTOMER SERVICE
Get Free Shipping on all orders over $75 and free returns to our UK returns centre! Items are dispatched from the US and will arrive in 5-8 days.
Block 8. Static block "No customs or duty fees".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
NO CUSTOMS OR DUTY FEES
Get Free Shipping on all orders over $75 and free returns to our UK returns centre! Items are dispatched from the US and will arrive in 5-8 days.
SECTION 5
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: Yes
Class name: banner-full-width
Padding top: 24
Column Config
Choose: 4,4,4
Custom class for Column 1: col-sm-6 col-xs-12 hidden-xs
Custom class for Column 2: col-sm-6 col-xs-12 hidden-xs
Custom class for Column 3: col-sm-12 col-xs-12
Block 9. Promo banner "brand-new Collection....".
Step 1: At frontend, add new block -> choose "Promo Banner".
Step 2: Setting block
General Tabs:
Custom Class: col-xs-12 text-left
Banner Config:
Title: Title of promobanner.
Button text: "Shop now"
Background Image: Choose Images of promobanner.
Html Content:
brand-new
COLLECTION
2015
Text Align: Right.
Color Tabs:
Text colour: Choose color -> text-colour-white
Button colour: Choose color -> button-colour-transparent
Button hover colour: Choose color -> button-hover-colour-peru
Button text colour: Choose color -> button-text-colour-white
Button text hover colour: Choose color -> button-text-hover-colour-white
Button border colour: Choose color -> button-border-colour-white
Button border hover colour: Choose color -> button-border-hover-colour-peru
Block 10. Promo banner "brand-new Collection....".
Step 1: At frontend, add new block -> choose "Promo Banner".
Step 2: Setting block
General Tabs:
Custom Class: col-xs-12 text-left
Banner Config:
Title: Title of promobanner.
Button text: "Shop now"
Background Image: Choose Images of promobanner.
Html Content:
SALE OFF
UP TO 30%
Text Align: Right.
Color Tabs:
Text colour: Choose color -> text-colour-white
Button colour: Choose color -> button-colour-transparent
Button hover colour: Choose color -> button-hover-colour-salmon
Button text colour: Choose color -> button-text-colour-white
Button text hover colour: Choose color -> button-text-hover-colour-white
Button border colour: Choose color -> button-border-colour-white
Button border hover colour: Choose color -> button-border-hover-colour-salmon
Block 11. Promo banner "sneaker lovers".
Step 1: At frontend, add new block -> choose "Promo Banner".
Step 2: Setting block
General Tabs:
Banner Config:
Title: Title of promobanner.
Background Image: Choose Images of promobanner.
Text Align: Left.
SECTION 6
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Custon Class: container-bg
Column Config:
Divide columns: Select 4,4,4
Custom class for Column 1: col-sm-6 col-xs-12
Custom class for Column 2: col-sm-6 col-xs-12
Custom class for Column 3: col-sm-12 col-xs-12
Block 12. On Sale.
Step 1: At frontend, add new block -> choose "Sale Product".
Step 2: Block setting
General:
Title: On Sale
Custom Class: col-xs-12
Product Config:
Number of Products: 3.
View mode: List
Block 13. Featured.
Step 1: At frontend, add new block -> choose "Featured Product".
Step 2: Block setting
General:
Title: Featured
Custom Class: col-xs-12
Product Config:
Number of Products: 3.
View mode: List
Block 14. Top Rate Product.
Step 1: At frontend, add new block -> choose "Top Rate Product".
Step 2: Block setting
General:
Title: Top Rate Products
Custom Class: col-xs-12
Product Config:
Number of Products: 3.
View mode: List
SECTION 7
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Custon Class: bg-center
Background images: Choose images
Background Cover: Yes
Padding top: 100
Padding bottom: 100
Block 15. Testimonial.
Step 1: At frontend, add new block -> choose "Testimonial".
Step 2: Block setting
General:
Number of Testimonial: 3
View mode: Slider
SECTION 8
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Padding top: 61
Padding bottom: 46
Block 16: Static block title "From our blog".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
FROM OUR BLOG
Lorem ipsum dolor sit amet
Block 17. Blog.
Step 1: At frontend, add new block -> choose "Latest Post".
Step 2: Block setting
General:
Post Config:
Categories to show: Choose categories blog to show.
Number of blog post: 3
Summary Character Count: 120
View mode: Grid
Number of blog post per row: 3
Use slider: No
SECTION 9
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Padding bottom: 37
Block 18: Static block title "OFFICE THINGS".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
OFFICE THINGS
Lorem ipsum dolor sit amet
Block 19: Categories Product Tabs.
Step 1: At frontend, add new block -> choose "Category Products".
Step 2: Setting block
General Tabs:
Block col (12 to full): 12
Custom Class: col-xs-12
Category Config:
Show Products by: Position
Number of Products per Category: 5
Number of Products per row: 5.
Layout: Category products tabs.
Category: Choose category to show.
SECTION 10
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Custom Class: bg-center
Padding top: 77
Padding bottom: 105
Block 20: Static block "NEW COLLECTION".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: text-center
Title: Input name static block.
Identifier: Input identifier static block.
Content:
NEW COLLECTION 2015
Fashion for Guys & Ladies
VIEW COLLECTION
SECTION 11
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Padding top: 60
Padding bottom: 60
Block 21: Static block title "Our Client".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
OUR CLIENTS
Block 22: Featured Brands.
Step 1: At frontend, add new block -> choose "Category Products".
Step 2: Setting block
General Tabs:
Block col (12 to full): 12
Custom Class: col-xs-12
Brands Config:
Select brands to show
Number of brands per row: 5
Use slider: Yes.
Number of row: 1
Auto play: No.
Stop autoplay on mouse hover: No.
Display Navigation: Yes.
Display Pagination: No.
5.3 Home page 3
SECTION 1
Block 1. Revolution Slider
Step 1: At frontend, add new block -> choose "Revolution Slider".
Step 2: Setting block
Block col (12 to full): 12
Slider: Homepage 3 Slider
SECTION 2
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Padding top: 48
Padding bottom: 18
Column config
Choose: 4,4,4
Custom class for Column 1: col-sm-4 col-xs-12
Custom class for Column 2: col-sm-4 col-xs-12
Custom class for Column 3: col-sm-4 col-xs-12
Block 2. Static block "Free shipping on all orders".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
FREE SHIPPING ON ALL ORDRES
Get Free Shipping on all orders over $75 and free returns to our UK returns centre! Items are dispatched from the US and will arrive in 5-8 days.
Block 3. Static block "Amazing customer service".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
AMAZING CUSTOMER SERVICE
Get Free Shipping on all orders over $75 and free returns to our UK returns centre! Items are dispatched from the US and will arrive in 5-8 days.
Block 4. Static block "No customs or duty fees".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
NO CUSTOMS OR DUTY FEES
Get Free Shipping on all orders over $75 and free returns to our UK returns centre! Items are dispatched from the US and will arrive in 5-8 days.
SECTION 3
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Padding top: 60
Block 5: Static block "New Arrivals".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
NEW ARRIVALS
Trending Fashion In This Season
Block 6: Categories Product Tabs.
Step 1: At frontend, add new block -> choose "Category Products".
Step 2: Setting block
General Tabs:
Block col (12 to full): 12
Custom Class: col-xs-12
Category Config:
Show Products by: New Products
Number of Products per Category: 6
Number of Products per row: 4.
Layout: Category products tabs slider.
Category: Choose category to show.
SECTION 4
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Class Name: hidden-xs
Padding top: 50
Block 7. Promo banner "Do you love us....".
Step 1: At frontend, add new block -> choose "Promo Banner".
Step 2: Setting block
General Tabs:
Custom Class: col-xs-12 text-left
Banner Config:
Title: Title of promobanner.
Button text: "Purchase"
Background Image: Choose Images of promobanner.
Html Content:
Do You Love Us?
Puschase This Theme!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eu pulvinar massa.
Text Align: Right.
Color Tabs:
Button colour: Choose color -> button-colour-sienna
Button border colour: Choose color -> button-border-colour-sienna
SECTION 5
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Padding bottom: 57
Column config
Choose: 3,3,3,3
Custom class for Column 1: col-sm-6 col-xs-12
Custom class for Column 2: col-sm-6 col-xs-12
Custom class for Column 3: col-sm-6 col-xs-12
Custom class for Column 4: col-sm-6 col-xs-12
Block 8. Static block "Number Load Count 01".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Title: Input name static block.
Identifier: Input identifier static block.
Content:
Block 9. Static block "Number Load Count 02".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Title: Input name static block.
Identifier: Input identifier static block.
Content:
Block 10. Static block "Number Load Count 03".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Title: Input name static block.
Identifier: Input identifier static block.
Content:
Block 11. Static block "Number Load Count 04".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Title: Input name static block.
Identifier: Input identifier static block.
Content:
SECTION 6
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Custon Class: container-bg
Column Config:
Divide columns: Select 4,4,4
Custom class for Column 1: col-sm-6 col-xs-12
Custom class for Column 2: col-sm-6 col-xs-12
Custom class for Column 3: col-sm-12 col-xs-12
Block 12. On Sale.
Step 1: At frontend, add new block -> choose "Sale Product".
Step 2: Block setting
General:
Title: On Sale
Custom Class: col-xs-12
Product Config:
Number of Products: 3.
View mode: List
Block 13. Featured.
Step 1: At frontend, add new block -> choose "Featured Product".
Step 2: Block setting
General:
Title: Featured
Custom Class: col-xs-12
Product Config:
Number of Products: 3.
View mode: List
Block 14. Top Rate Product.
Step 1: At frontend, add new block -> choose "Top Rate Product".
Step 2: Block setting
General:
Title: Top Rate Products
Custom Class: col-xs-12
Product Config:
Number of Products: 3.
View mode: List
SECTION 7
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Padding top: 60
Padding bottom: 60
Block 15: Static block title "Our Client".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
OUR CLIENTS
Block 16: Featured Brands.
Step 1: At frontend, add new block -> choose "Category Products".
Step 2: Setting block
General Tabs:
Block col (12 to full): 12
Custom Class: col-xs-12
Brands Config:
Select brands to show
Number of brands per row: 5
Use slider: Yes.
Number of row: 1
Auto play: No.
Stop autoplay on mouse hover: No.
Display Navigation: Yes.
Display Pagination: No.
5.4 Home page 4
SECTION 1
Block 1. Revolution Slider
Step 1: At frontend, add new block -> choose "Revolution Slider".
Step 2: Setting block
Block col (12 to full): 12
Slider: Homepage 2 Slider
SECTION 2
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Padding top: 60
Padding bottom: 36
Column config
Choose: 4,4,4
Custom class for Column 1: col-sm-4 col-xs-12
Custom class for Column 2: col-sm-4 col-xs-12
Custom class for Column 3: col-sm-4 col-xs-12
Block 2. Static block "Free shipping on all orders".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
Block 3. Static block "Amazing customer service".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
Block 4. Static block "No customs or duty fees".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
SECTION 3
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Class Name: padding-5
Padding bottom: 50
Block 4: Static block title "Shop by Categories".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
SHOP BY CATEGORIES
Trending Fashion In This Season
Block 5. Static block content "Shop by Categories".
Step 1: Add new block -> choose "Text & images".
Step 2: Setting Static block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
Fashion (15 products)
Interior (9 products)
Office (25 products)
Accessories (18 products)
SECTION 4
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: Yes
Background Color: #f4f4f4
Column config
Choose: 6,6
Custom class for Column 1: no-padding col-sm-12 col-xs-12
Custom class for Column 2: no-padding col-sm-12 col-xs-12
Block 6. Images (Col Left).
Step 1: At frontend, add new block -> choose "Promo Banner".
Step 2: Setting block
Banner Config:
Title: Title of promobanner.
Link: Link of promobanner.
Background Image: Choose Images of promobanner.
Block 7. Deals (Col Right).
Step 1: At frontend, add new block -> choose "Deals".
Step 2: Setting block
General:
Title: Hot Deal EveryDay.
Deals Config:
Deals: Choose a product.
Number of deals per row: 1.
Use Slider: No
SECTION 5
Block 8: Static block title "New Arrivals".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
NEW ARRIVALS
Trending Fashion In This Season
Block 9: Block New Products.
Step 1: At frontend, add new block -> choose "New Products".
Step 2: Setting block
Custon Class: col-xs-12
Number of Products: 8
View More: Grid
Number of Products per row: 4
Use Slider: No
Visible load more button: No
SECTION 6
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: Yes
Background Color: #f4f4f4
Column config
Choose: 6,6
Custom class for Column 1: no-padding col-sm-12 col-xs-12
Custom class for Column 2: no-padding col-sm-12 col-xs-12
Block 10. Images (Col Right).
Step 1: At frontend, add new block -> choose "Promo Banner".
Step 2: Setting block
Banner Config:
Title: Title of promobanner.
Link: Link of promobanner.
Background Image: Choose Images of promobanner.
Block 11. Static block Newsletter (Col Left).
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Title: Input name static block.
Identifier: Input identifier static block.
Content:
NEWSLETTER
Sign up to receive the coupon 15% off for your first purchase via email and get informations about bicycle.
{{block type="newsletter/subscribe" name="home.newsletter" as="home.newsletter" template="newsletter/home_subscribe.phtml"/}}
*Discount applies only to orders over $100
SECTION 7
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Padding top: 61
Padding bottom: 46
Block 12: Static block title "From our blog".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
FROM OUR BLOG
Lorem ipsum dolor sit amet
Block 13. Blog.
Step 1: At frontend, add new block -> choose "Latest Post".
Step 2: Block setting
General:
Post Config:
Categories to show: Choose categories blog to show.
Number of blog post: 3
Summary Character Count: 120
View mode: Grid
Number of blog post per row: 3
Use slider: No
SECTION 8
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Padding top: 60
Padding bottom: 60
Block 14: Static block title "Our Client".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
OUR CLIENTS
Block 15: Featured Brands.
Step 1: At frontend, add new block -> choose "Category Products".
Step 2: Setting block
General Tabs:
Block col (12 to full): 12
Custom Class: col-xs-12
Brands Config:
Select brands to show
Number of brands per row: 5
Use slider: Yes.
Number of row: 1
Auto play: No.
Stop autoplay on mouse hover: No.
Display Navigation: Yes.
Display Pagination: No.
SECTION 9
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Background color: #292929
Padding top: 34
Padding bottom: 11
Column config
Choose: 3,3,3,3
Custom class for Column 1: col-sm-6 col-xs-12
Custom class for Column 2: col-sm-6 col-xs-12
Custom class for Column 3: col-sm-6 col-xs-12
Custom class for Column 4: col-sm-6 col-xs-12
Block 16. Static block "Money guarantee".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
MONEY GUARANTEE
30 days money guarantee!
Block 17. Static block "ONLINE SUPPORT".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
ONLINE SUPPORT
We support online 24/7
Block 18. Static block "PAYMENT SECURE".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
PAYMENT SECURE
Secure all your payment
Block 19. Static block "UK FREE DELIVERY".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
UK FREE DELIVERY
Free on all orders over £99.99
5.5 Home page 5
SECTION 1
Block 1. Revolution Slider
Step 1: At frontend, add new block -> choose "Revolution Slider".
Step 2: Setting block
Block col (12 to full): 12
Slider: Homepage 4 Slider
SECTION 2
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Padding top: 60
Padding bottom: 60
Block 2: Static block title "FEATURED CATEGORIES".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
FEATURED CATEGORIES
Lorem ipsum dolor sit amet
Block 3. Static block content "FEATURED CATEGORIES".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
SECTION 3
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Padding top: 60
Padding bottom: 60
Block 4: Static block title "FEATURED PRODUCTS".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
FEATURED PRODUCTS
Lorem ipsum dolor sit amet
Block 5: Block "FEATURED PRODUCTS".
Step 1: At frontend, add new block -> choose "Featured Products".
Step 2: Setting block
General tab
Product config
Number of Products: 6
View mode: Grid
Number of Products per row: 4
Use slider: Yes
Visible load more button: No
Number of row: 1
Auto play: No
Stop autoplay on mouse hover: No
Display Navigation: Yes
Display Pagination: No
SECTION 4
At frontend, add new section -> click button edit section.
Block 6. Images (Col Left).
Step 1: At frontend, add new block -> choose "Promo Banner".
Step 2: Setting block
General:
Block col (12 to full): 6
Custom Class: col-sm-6 col-xs-12 text-left
Banner Config:
Title: Title of promobanner.
Background Image: Choose Images of promobanner.
Block 7. Banner (Col right).
Step 1: At frontend, add new block -> choose "Promo Banner".
Step 2: Setting block
General:
Block col (12 to full): 6
Custom Class: col-sm-6 col-xs-12 text-left
Banner Config:
Title: Title of promobanner.
Button Shop now
Background Image: Choose Images of promobanner.
Html Content
brand-new
COLLECTION
2015
Text Align Center
Color:
Text colour: text-colour-black
Button colour: button-colour-black
Button hover colour: button-hover-colour-white
Button text colour: button-text-colour-white
Button text hover colour: button-text-hover-colour-black
Button border colour: button-border-colour-black
Button border hover colour: button-border-hover-colour-white
SECTION 5
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Padding bottom: 37
Block 8: Static block title "BACK IN STOCK".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
BACK IN STOCK
Lorem ipsum dolor sit amet
Block 9: Categories Product Tabs.
Step 1: At frontend, add new block -> choose "Category Products".
Step 2: Setting block
General Tabs:
Block col (12 to full): 12
Custom Class: col-xs-12
Category Config:
Show Products by: Position
Number of Products per Category: 5
Number of Products per row: 5.
Layout: Category products Load More.
Category: Choose category to show.
SECTION 6
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Background color: #292929
Padding top: 34
Padding bottom: 11
Column config
Choose: 3,3,3,3
Custom class for Column 1: col-sm-6 col-xs-12
Custom class for Column 2: col-sm-6 col-xs-12
Custom class for Column 3: col-sm-6 col-xs-12
Custom class for Column 4: col-sm-6 col-xs-12
Block 10. Static block "Money guarantee".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
MONEY GUARANTEE
30 days money guarantee!
Block 11. Static block "ONLINE SUPPORT".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
ONLINE SUPPORT
We support online 24/7
Block 12. Static block "PAYMENT SECURE".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
PAYMENT SECURE
Secure all your payment
Block 13. Static block "UK FREE DELIVERY".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
UK FREE DELIVERY
Free on all orders over £99.99
5.6 Home page 6
SECTION 1
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Column Config
Choose: 4,4,4
Custom class for Column 1: col-xs-12
Custom class for Column 2: col-xs-12
Custom class for Column 3: col-xs-12
Block 1. Promo banner 1
Step 1: At frontend, add new block -> choose "Promo Banner".
Step 2: Setting block
General Tabs:
Custom Class: effect-transform no-padding promo-slider
Banner Config:
Title: Title of promobanner.
Button text: "view collection"
Background Image: Choose Images of promobanner.
Html Content:
Molly store
shop
interior
Basic & Modern Chairs For Your Home
Text Align: Center.
Color Tabs:
Text colour: Choose color -> text-colour-white
Button colour: Choose color -> button-colour-transparent
Button text colour: Choose color -> button-text-colour-white
Button border colour: Choose color -> button-border-colour-white
Block 2. Promo banner 2
Step 1: At frontend, add new block -> choose "Promo Banner".
Step 2: Setting block
General Tabs:
Custom Class: effect-transform no-padding promo-slider
Banner Config:
Title: Title of promobanner.
Button text: "view collection"
Background Image: Choose Images of promobanner.
Html Content:
Molly store
shop
interior
Basic & Modern Chairs For Your Home
Text Align: Center.
Color Tabs:
Text colour: Choose color -> text-colour-white
Button colour: Choose color -> button-colour-transparent
Button text colour: Choose color -> button-text-colour-white
Button border colour: Choose color -> button-border-colour-white
Block 3. Promo banner 3
Step 1: At frontend, add new block -> choose "Promo Banner".
Step 2: Setting block
General Tabs:
Custom Class: effect-transform no-padding promo-slider
Banner Config:
Title: Title of promobanner.
Button text: "view collection"
Background Image: Choose Images of promobanner.
Html Content:
Molly store
shop
interior
Basic & Modern Chairs For Your Home
Text Align: Center.
Color Tabs:
Text colour: Choose color -> text-colour-white
Button colour: Choose color -> button-colour-transparent
Button text colour: Choose color -> button-text-colour-white
Button border colour: Choose color -> button-border-colour-white
SECTION 2
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Padding top: 60
Column Config
Choose: 4,4,4
Custom class for Column 1: col-sm-6 col-xs-12
Custom class for Column 2: col-sm-6 col-xs-12
Custom class for Column 3: col-sm-12 col-xs-12
Block 4. Static block "Free shipping on all orders"
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
Block 5. Static block "Amazing customer service"
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
Block 6. Static block "No customs or duty fees"
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
SECTION 3
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Padding top: 37
Padding bottom: 60
Block 7: Static block "New Arrivals".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
NEW ARRIVALS
Trending Fashion In This Season
Block 8: Categories Product Tabs.
Step 1: At frontend, add new block -> choose "Category Products".
Step 2: Setting block
General Tabs:
Block col (12 to full): 12
Custom Class: tabs-center col-xs-12
Category Config:
Show Products by: New Products
Number of Products per Category: 6
Number of Products per row: 4.
Layout: Category products tabs slider.
Category: Choose category to show.
SECTION 4
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Background Color: #f4f4f4
Column config
Choose: 3,3,3,3
Custom class for Column 1: col-sm-6 col-xs-12
Custom class for Column 2: col-sm-6 col-xs-12
Custom class for Column 3: col-sm-6 col-xs-12
Custom class for Column 4: col-sm-6 col-xs-12
Block 9. Static block "Number Load Count 01".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Title: Input name static block.
Identifier: Input identifier static block.
Content:
Block 10. Static block "Number Load Count 02".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Title: Input name static block.
Identifier: Input identifier static block.
Content:
Block 11. Static block "Number Load Count 03".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Title: Input name static block.
Identifier: Input identifier static block.
Content:
Block 12. Static block "Number Load Count 04".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Title: Input name static block.
Identifier: Input identifier static block.
Content:
SECTION 5
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Padding top: 60
Class name: padding-5
Column Config
Input: 6,3,3
Custom class for Column 1: col-sm-12 col-xs-12
Custom class for Column 2: col-sm-6 col-xs-12
Custom class for Column 3: col-sm-6 col-xs-12
Block 13. Images 1.
Step 1: At frontend, add new block -> choose "Promo Banner".
Step 2: Setting block
Banner Config:
Title: Title of promobanner.
Background Image: Choose Images of promobanner.
Block 14. Images 2.
Step 1: At frontend, add new block -> choose "Promo Banner".
Step 2: Setting block
Banner Config:
Title: Title of promobanner.
Background Image: Choose Images of promobanner.
Block 15. Images 3.
Step 1: At frontend, add new block -> choose "Promo Banner".
Step 2: Setting block
Banner Config:
Title: Title of promobanner.
Background Image: Choose Images of promobanner.
SECTION 6
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Custon Class: container-bg
Column Config:
Divide columns: Select 4,4,4
Custom class for Column 1: col-sm-6 col-xs-12
Custom class for Column 2: col-sm-6 col-xs-12
Custom class for Column 3: col-sm-12 col-xs-12
Block 16. On Sale.
Step 1: At frontend, add new block -> choose "Sale Product".
Step 2: Block setting
General:
Title: On Sale
Custom Class: col-xs-12
Product Config:
Number of Products: 3.
View mode: List
Block 17. Featured.
Step 1: At frontend, add new block -> choose "Featured Product".
Step 2: Block setting
General:
Title: Featured
Custom Class: col-xs-12
Product Config:
Number of Products: 3.
View mode: List
Block 18. Top Rate Product.
Step 1: At frontend, add new block -> choose "Top Rate Product".
Step 2: Block setting
General:
Title: Top Rate Products
Custom Class: col-xs-12
Product Config:
Number of Products: 3.
View mode: List
SECTION 7
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Class Name: hidden-xs
Block 9. Promo banner "Do you love us....".
Step 1: At frontend, add new block -> choose "Promo Banner".
Step 2: Setting block
General Tabs:
Custom Class: col-xs-12 text-left
Banner Config:
Title: Title of promobanner.
Button text: "Purchase"
Background Image: Choose Images of promobanner.
Html Content:
Do You Love Us?
Puschase This Theme!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eu pulvinar massa.
Text Align: Right.
Color Tabs:
Button colour: Choose color -> button-colour-sienna
Button border colour: Choose color -> button-border-colour-sienna
SECTION 8
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Padding top: 66
Block 20: Static block title "Blog Update".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
BLOG UPDATES
Trending Fashion In This Season
Block 21. Blog.
Step 1: At frontend, add new block -> choose "Latest Post".
Step 2: Block setting
General:
Custom Class: text-center col-xs-12
Post Config:
Categories to show: Choose categories blog to show.
Number of blog post: 2
Summary Character Count: 150
View mode: Grid
Number of blog post per row: 2
Use slider: No
SECTION 9
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
Column Config
Select: 4,4,4
Custom class for Column 1: col-sm-6 col-xs-12
Custom class for Column 2: col-sm-6 col-xs-12
Custom class for Column 3: col-sm-12 col-xs-12
Block 22: Static block title "Q & A".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
Q&A
Block 23: Static block Content "Q & A".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
Aliquam erat volutpat. Cras blandit eget ex quis convallis. In faucibus imperdiet est, non ornare velit commodo a...
Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS...
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. .
More Question
Block 24: Static block title "Shopping Guildes".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
SHOPPING GUIDES
Block 25: Static block content "Shopping Guildes".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
Block 26: Static block title "Testimonials".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
TESTIMONIALS
Block 27: Static block title "Testimonials".
Step 1: At frontend, add new block -> choose "Testimonial".
Step 2: Setting block
Custon Class: testimonials-center col-xs-12
Number of Testimonial: 3
View mode: Slider.
SECTION 10
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Padding top: 60
Padding bottom: 60
Block 28: Static block title "Our Client".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
OUR CLIENT
New Articles From Our Blog Everyday
Block 29: Featured Brands.
Step 1: At frontend, add new block -> choose "Category Products".
Step 2: Setting block
General Tabs:
Block col (12 to full): 12
Custom Class: col-xs-12
Brands Config:
Select brands to show
Number of brands per row: 5
Use slider: Yes.
Number of row: 1
Auto play: No.
Stop autoplay on mouse hover: No.
Display Navigation: Yes.
Display Pagination: No.
5.7 Home page 7
SECTION 1
Block 1. Revolution Slider
Step 1: At frontend, add new block -> choose "Revolution Slider".
Step 2: Setting block
Block col (12 to full): 12
Slider: Homepage 2 Slider
SECTION 2
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: Yes
Padding top: 24
General tab
Choose: 4,4,4
Custom class for Column 1: col-sm-6 col-xs-12
Custom class for Column 2: col-sm-6 col-xs-12
Custom class for Column 3: hidden-sm col-xs-12
Block 2. Images 1(col 1).
Step 1: At frontend, add new block -> choose "Promo Banner".
Step 2: Setting block
Banner Config:
Custom Class: col-xs-12.
Title: Title of promobanner.
Background Image: Choose Images of promobanner.
Block 3. Images 2(col 2).
Step 1: At frontend, add new block -> choose "Promo Banner".
Step 2: Setting block
General:
Block col (12 to full): 4
Custom Class: col-xs-12.
Banner Config:
Title: Title of promobanner.
Background Image: Choose Images of promobanner.
Block 4. Images 3(col 2).
Step 1: At frontend, add new block -> choose "Promo Banner".
Step 2: Setting block
General:
Block col (12 to full): 4
Custom Class: col-xs-12.
Banner Config:
Title: Title of promobanner.
Background Image: Choose Images of promobanner.
Block 5. Images 4.
Step 1: At frontend, add new block -> choose "Promo Banner".
Step 2: Setting block
General:
Block col (12 to full): 4
Custom Class: col-xs-12.
Banner Config:
Title: Title of promobanner.
Background Image: Choose Images of promobanner.
SECTION 3
Block 6: Static block title "New Arrivals".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
NEW ARRIVALS
Trending Fashion In This Season
Block 7: Block New Products.
Step 1: At frontend, add new block -> choose "New Products".
Step 2: Setting block
Custon Class: col-xs-12
Number of Products: 8
View More: Grid
Number of Products per row: 4
Use Slider: No
Visible load more button: No
SECTION 4
Block 6: Static block title "New Lookbook".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
NEW LOOKBOOK
Trending Fashion In This Season
SECTION 5
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: Yes
Padding top: 44
Block 9. Images 1.
Step 1: At frontend, add new block -> choose "Promo Banner".
Step 2: Setting block
Banner Config:
Custom Class: no-padding col-xs-12.
Title: Title of promobanner.
Background Image: Choose Images of promobanner.
Block 10. Images 2.
Step 1: At frontend, add new block -> choose "Promo Banner".
Step 2: Setting block
General:
Block col (12 to full): 4
Custom Class: no-padding col-sm-4 col-xs-12.
Banner Config:
Title: Title of promobanner.
Background Image: Choose Images of promobanner.
Block 11. Images 3.
Step 1: At frontend, add new block -> choose "Promo Banner".
Step 2: Setting block
General:
Block col (12 to full): 4
Custom Class: no-padding col-sm-4 col-xs-12.
Banner Config:
Title: Title of promobanner.
Background Image: Choose Images of promobanner.
Block 12. Images 4.
Step 1: At frontend, add new block -> choose "Promo Banner".
Step 2: Setting block
General:
Block col (12 to full): 4
Custom Class: no-padding col-sm-4 col-xs-12.
Banner Config:
Title: Title of promobanner.
Background Image: Choose Images of promobanner.
SECTION 6
Block 13: Static block title "Sale Off".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
SALE OFF
Trending Fashion In This Season
Block 7: Block Sale Products.
Step 1: At frontend, add new block -> choose "Sale Products".
Step 2: Setting block
Custon Class: col-xs-12
Number of Products: 5
View More: Grid
Number of Products per row: 5
Use Slider: No
Visible load more button: No
SECTION 7
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Padding top: 66
Block 15: Static block title "Blog Update".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
BLOG UPDATES
Trending Fashion In This Season
Block 16. Blog.
Step 1: At frontend, add new block -> choose "Latest Post".
Step 2: Block setting
General:
Custom Class: text-center col-xs-12
Post Config:
Categories to show: Choose categories blog to show.
Number of blog post: 2
Summary Character Count: 150
View mode: Grid
Number of blog post per row: 2
Use slider: No
5.8 Home page 8
SECTION 1
Block 1. Revolution Slider
Step 1: At frontend, add new block -> choose "Revolution Slider".
Step 2: Setting block
Block col (12 to full): 12
Slider: Homepage 7 Slider
SECTION 2
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Class Name: padding-5
Padding top: 40
Padding bottom: 55
Block 2: Static block title "Shop by Categories".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
NEW ARRIVALS
Trending Fashion In This Season
Block 3. Static block content "Shop by Categories".
Step 1: Add new block -> choose "Text & images".
Step 2: Setting Static block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
Fashion (15 products)
Interior (9 products)
Office (25 products)
Accessories (18 products)
SECTION 3
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Padding bottom: 57
Column config
Choose: 3,3,3,3
Custom class for Column 1: col-sm-6 col-xs-12
Custom class for Column 2: col-sm-6 col-xs-12
Custom class for Column 3: col-sm-6 col-xs-12
Custom class for Column 4: col-sm-6 col-xs-12
Block 4. Static block "Number Load Count 01".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Title: Input name static block.
Identifier: Input identifier static block.
Content:
Block 5. Static block "Number Load Count 02".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Title: Input name static block.
Identifier: Input identifier static block.
Content:
Block 6. Static block "Number Load Count 03".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Title: Input name static block.
Identifier: Input identifier static block.
Content:
Block 7. Static block "Number Load Count 04".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Title: Input name static block.
Identifier: Input identifier static block.
Content:
SECTION 4
Block 8: Static block title "Sale Off".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
NEW ARRIVALS
Trending Fashion In This Season
Block 9: Block New Products.
Step 1: At frontend, add new block -> choose "New Products".
Step 2: Setting block
Custon Class: col-xs-12
Number of Products: 6
View More: Grid
Number of Products per row: 4
Use Slider: Yes
Visible load more button: No
Number of row: 1
Auto play: No
Stop autoplay on mouse hover: No
Display Navigation: Yes
Display Pagination: No
SECTION 5
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Custon Class: bg-center
Background images: Choose images
Background Cover: Yes
Padding top: 100
Padding bottom: 100
Block 10. Testimonial.
Step 1: At frontend, add new block -> choose "Testimonial".
Step 2: Block setting
General:
Number of Testimonial: 3
View mode: Slider
SECTION 6
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Padding top: 61
Padding bottom: 46
Block 11: Static block title "From our blog".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
FROM OUR BLOG
Lorem ipsum dolor sit amet
Block 12. Blog.
Step 1: At frontend, add new block -> choose "Latest Post".
Step 2: Block setting
General:
Post Config:
Categories to show: Choose categories blog to show.
Number of blog post: 3
Summary Character Count: 110
View mode: Grid
Number of blog post per row: 3
Use slider: No
SECTION 7
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: Yes
Background Color: #f4f4f4
Column config
Choose: 6,6
Custom class for Column 1: no-padding col-sm-12 col-xs-12
Custom class for Column 2: no-padding col-sm-12 col-xs-12
Block 13. Images (Col Left).
Step 1: At frontend, add new block -> choose "Promo Banner".
Step 2: Setting block
Banner Config:
Title: Title of promobanner.
Link: Link of promobanner.
Background Image: Choose Images of promobanner.
Block 14. Deals (Col Right).
Step 1: At frontend, add new block -> choose "Deals".
Step 2: Setting block
General:
Title: Hot Deal EveryDay.
Deals Config:
Deals: Choose a product.
Number of deals per row: 1.
Use Slider: No
SECTION 8
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: Yes
Background Color: #f4f4f4
Column config
Choose: 6,6
Custom class for Column 1: no-padding col-sm-12 col-xs-12
Custom class for Column 2: no-padding col-sm-12 col-xs-12
Block 15. Images (Col Right).
Step 1: At frontend, add new block -> choose "Promo Banner".
Step 2: Setting block
Banner Config:
Title: Title of promobanner.
Link: Link of promobanner.
Background Image: Choose Images of promobanner.
Block 16. Static block Newsletter (Col Left).
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Title: Input name static block.
Identifier: Input identifier static block.
Content:
NEWSLETTER
Sign up to receive the coupon 15% off for your first purchase via email and get informations about bicycle.
{{block type="newsletter/subscribe" name="home.newsletter" as="home.newsletter" template="newsletter/home_subscribe.phtml"/}}
*Discount applies only to orders over $100
SECTION 9
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Background color: #292929
Padding top: 34
Padding bottom: 11
Column config
Choose: 3,3,3,3
Custom class for Column 1: col-sm-6 col-xs-12
Custom class for Column 2: col-sm-6 col-xs-12
Custom class for Column 3: col-sm-6 col-xs-12
Custom class for Column 4: col-sm-6 col-xs-12
Block 17. Static block "Money guarantee".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
MONEY GUARANTEE
30 days money guarantee!
Block 18. Static block "ONLINE SUPPORT".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
ONLINE SUPPORT
We support online 24/7
Block 19. Static block "PAYMENT SECURE".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
PAYMENT SECURE
Secure all your payment
Block 20. Static block "UK FREE DELIVERY".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
UK FREE DELIVERY
Free on all orders over £99.99
5.9 Home page 9
SECTION 1
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: Yes
Class name: one-page-slider position-abs
Block 1. Banner Scroll 1.
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custom Class: no-padding banner-onepage col-xs-12.
Title: Input name static block.
Identifier: Input identifier static block.
Content:
MOLLY STORE
SHOP INTERIOR
Basic & Modern Chairs For Your Home
View Collection
Block 2. Banner Scroll 2.
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custom Class: no-padding banner-onepage col-xs-12.
Title: Input name static block.
Identifier: Input identifier static block.
Content:
MOLLY STORE
FOR THE ART OF GIVING
The add value of first impresion
Shop Now
Block 3. Banner Scroll 3.
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custom Class: no-padding banner-onepage col-xs-12.
Title: Input name static block.
Identifier: Input identifier static block.
Content:
Block 4. Banner Scroll 4.
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custom Class: no-padding banner-onepage col-xs-12.
Title: Input name static block.
Identifier: Input identifier static block.
Content:
MOLLY STORE
SHOP INTERIOR
Basic & Modern Chairs For Your Home
View Collection
SECTION 2
Block 5: Static block title "Sale Off".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
NEW ARRIVALS
Trending Fashion In This Season
Block 6: Block New Products.
Step 1: At frontend, add new block -> choose "New Products".
Step 2: Setting block
Custon Class: col-xs-12
Number of Products: 6
View More: Grid
Number of Products per row: 4
Use Slider: Yes
Visible load more button: No
Number of row: 1
Auto play: No
Stop autoplay on mouse hover: No
Display Navigation: Yes
Display Pagination: No
5.10 Home page 10
SECTION 1
Block 1. Revolution Slider
Step 1: At frontend, add new block -> choose "Revolution Slider".
Step 2: Setting block
Block col (12 to full): 12
Slider: Homepage 2 Slider
SECTION 2
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: Yes
Class name: banner-full-width
Padding top: 24
Column Config
Choose: 4,4,4
Custom class for Column 1: col-sm-6 col-xs-12 hidden-xs
Custom class for Column 2: col-sm-6 col-xs-12 hidden-xs
Custom class for Column 3: col-sm-12 col-xs-12
Block 2. Promo banner "brand-new Collection....".
Step 1: At frontend, add new block -> choose "Promo Banner".
Step 2: Setting block
General Tabs:
Custom Class: col-xs-12 text-left
Banner Config:
Title: Title of promobanner.
Button text: "Shop now"
Background Image: Choose Images of promobanner.
Html Content:
brand-new
COLLECTION
2015
Text Align: Right.
Color Tabs:
Text colour: Choose color -> text-colour-white
Button colour: Choose color -> button-colour-transparent
Button hover colour: Choose color -> button-hover-colour-peru
Button text colour: Choose color -> button-text-colour-white
Button text hover colour: Choose color -> button-text-hover-colour-white
Button border colour: Choose color -> button-border-colour-white
Button border hover colour: Choose color -> button-border-hover-colour-peru
Block 3. Promo banner "brand-new Collection....".
Step 1: At frontend, add new block -> choose "Promo Banner".
Step 2: Setting block
General Tabs:
Custom Class: col-xs-12 text-left
Banner Config:
Title: Title of promobanner.
Button text: "Shop now"
Background Image: Choose Images of promobanner.
Html Content:
SALE OFF
UP TO 30%
Text Align: Right.
Color Tabs:
Text colour: Choose color -> text-colour-white
Button colour: Choose color -> button-colour-transparent
Button hover colour: Choose color -> button-hover-colour-salmon
Button text colour: Choose color -> button-text-colour-white
Button text hover colour: Choose color -> button-text-hover-colour-white
Button border colour: Choose color -> button-border-colour-white
Button border hover colour: Choose color -> button-border-hover-colour-salmon
Block 4. Promo banner "sneaker lovers".
Step 1: At frontend, add new block -> choose "Promo Banner".
Step 2: Setting block
General Tabs:
Banner Config:
Title: Title of promobanner.
Background Image: Choose Images of promobanner.
Text Align: Left.
SECTION 3
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Padding top: 60
Padding bottom: 36
Column config
Choose: 4,4,4
Custom class for Column 1: col-sm-4 col-xs-12
Custom class for Column 2: col-sm-4 col-xs-12
Custom class for Column 3: col-sm-4 col-xs-12
Block 5. Static block "Free shipping on all orders".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
Block 6. Static block "Amazing customer service".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
Block 7. Static block "No customs or duty fees".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
SECTION 4
Block 8: Static block title "Sale Off".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
NEW ARRIVALS
Trending Fashion In This Season
Block 9: Block New Products.
Step 1: At frontend, add new block -> choose "New Products".
Step 2: Setting block
Custon Class: col-xs-12
Number of Products: 6
View More: Grid
Number of Products per row: 4
Use Slider: Yes
Visible load more button: No
Number of row: 1
Auto play: No
Stop autoplay on mouse hover: No
Display Navigation: Yes
Display Pagination: No
SECTION 5
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Class Name: hidden-xs
Padding top: 50
Block 10. Promo banner "Do you love us....".
Step 1: At frontend, add new block -> choose "Promo Banner".
Step 2: Setting block
General Tabs:
Custom Class: col-xs-12 text-left
Banner Config:
Title: Title of promobanner.
Button text: "Purchase"
Background Image: Choose Images of promobanner.
Html Content:
Do You Love Us?
Puschase This Theme!
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas eu pulvinar massa.
Text Align: Right.
Color Tabs:
Button colour: Choose color -> button-colour-sienna
Button border colour: Choose color -> button-border-colour-sienna
SECTION 6
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Custon Class: container-bg
Column Config:
Divide columns: Select 4,4,4
Custom class for Column 1: col-sm-6 col-xs-12
Custom class for Column 2: col-sm-6 col-xs-12
Custom class for Column 3: col-sm-12 col-xs-12
Block 10. On Sale.
Step 1: At frontend, add new block -> choose "Sale Product".
Step 2: Block setting
General:
Title: On Sale
Custom Class: col-xs-12
Product Config:
Number of Products: 3.
View mode: List
Block 11. Featured.
Step 1: At frontend, add new block -> choose "Featured Product".
Step 2: Block setting
General:
Title: Featured
Custom Class: col-xs-12
Product Config:
Number of Products: 3.
View mode: List
Block 12. Top Rate Product.
Step 1: At frontend, add new block -> choose "Top Rate Product".
Step 2: Block setting
General:
Title: Top Rate Products
Custom Class: col-xs-12
Product Config:
Number of Products: 3.
View mode: List
SECTION 7
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
Column Config
Select: 4,4,4
Custom class for Column 1: col-sm-6 col-xs-12
Custom class for Column 2: col-sm-6 col-xs-12
Custom class for Column 3: col-sm-12 col-xs-12
Block 13: Static block title "Q & A".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
Q&A
Block 14: Static block Content "Q & A".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
Aliquam erat volutpat. Cras blandit eget ex quis convallis. In faucibus imperdiet est, non ornare velit commodo a...
Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS...
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. .
More Question
Block 15: Static block title "Shopping Guildes".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
SHOPPING GUIDES
Block 16: Static block content "Shopping Guildes".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
Block 17: Static block title "Testimonials".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
TESTIMONIALS
Block 18: Static block title "Testimonials".
Step 1: At frontend, add new block -> choose "Testimonial".
Step 2: Setting block
Custon Class: testimonials-center col-xs-12
Number of Testimonial: 3
View mode: Slider.
SECTION 8
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Custom Class: bg-center
Padding top: 77
Padding bottom: 105
Block 19: Static block "NEW COLLECTION".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: text-center
Title: Input name static block.
Identifier: Input identifier static block.
Content:
NEW COLLECTION 2015
Fashion for Guys & Ladies
VIEW COLLECTION
SECTION 9
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Padding top: 60
Padding bottom: 60
Block 20: Static block title "Our Client".
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
OUR CLIENT
New Articles From Our Blog Everyday
Block 21: Featured Brands.
Step 1: At frontend, add new block -> choose "Category Products".
Step 2: Setting block
General Tabs:
Block col (12 to full): 12
Custom Class: col-xs-12
Brands Config:
Select brands to show
Number of brands per row: 5
Use slider: Yes.
Number of row: 1
Auto play: No.
Stop autoplay on mouse hover: No.
Display Navigation: Yes.
Display Pagination: No.
5.11 Home electronic
SECTION 1
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Class name: electronic
Padding top: 20
Column Config
Block 1. Revolution Slider
Step 1: At frontend, add new block -> choose "Revolution Slider".
Step 2: Setting block
Block col (6 to full): 12
Slider: Home 7 Slider
Block 2. Promo banner "Molly Home11 Promo1"
Step 1: At frontend, add new block -> choose "Promo Banner".
Step 2: Setting block
Block col (3 to full): 12
Step 2: Setting block
General Tabs:
Custom Class: hidden-sm hidden-xs
Banner Config:
Title: Molly Home11 Promo1
Background Image: Choose Images of promobanner.
Html Content:
Best Product
in month
Text Align: Bottom Center
Color Tabs:
Text colour: Choose color -> text-colour-black
SECTION 2
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Class name: electronic
Padding top: 20
Padding top: 65
Column Config
Block 3. Hot Deal
Step 1: At frontend, add new block -> choose "Deals".
Step 2: Setting block
General Tabs:
Block col (12 to full): 3
Title: Title of deals.
Custom Class: sidebar_deal
Deal Config:
Deals: Select products to show
Number of deals per row: 1
Use slider: Yes
Number of row: 1
Auto play: No
Stop autoplay on mouse hover: No
Display Navigation: No
Display Pagination: No
Block 4. Promo banner
Step 1: At frontend, add new block -> choose "Promo Banner".
Step 2: Setting block
General Tabs:
Block col (12 to full): 9
Custom Class: hidden-xs
Banner Config:
Title: Title of promobanner.
Background Image: Choose Images of promobanner.
Html Content:
FINAL SALE OFF UP TO 50%
Text Align: Center
Color Tabs:
Text colour: Choose color -> text-colour-white
Block 5. Promo banner "sneaker lovers".
Step 1: At frontend, add new block -> choose "Category Products".
Step 2: Setting block
General Tabs:
Block col (12 to full): 9
Custom Class: non-title custom-electronic
Category Config:
Show Products by: Position
Number of Products per Category: 8
Number of Products per row: 4
Layout: Category products tabs slider
Category: Select categories to show
SECTION 3
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Class name: electronic
Column config
Choose: 12
Block 6. Promo banner
Step 1: At frontend, add new block -> choose "Promo Banner".
Step 2: Setting block
General Tabs:
Block col (12 to full): 6
Custom Class: col-sm-6 col-xs-12
Banner Config:
Title: Title of promobanner.
Background Image: Choose Images of promobanner.
Html Content:
SMARTPHONE
GENERATION
Buy 1 get 1 at Molly Store
Text Align: Left
Color Tabs:
Text colour: Choose color -> text-colour-black
Block 7. Promo banner
Step 1: At frontend, add new block -> choose "Promo Banner".
Step 2: Setting block
General Tabs:
Block col (12 to full): 6
Custom Class: col-sm-6 col-xs-12
Banner Config:
Title: Title of promobanner.
Background Image: Choose Images of promobanner.
Html Content:
What the
BEST CAMERA
FOR YOU?
Text Align: Left
Color Tabs:
Text colour: Choose color -> text-colour-black
SECTION 4
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Class name: electronic
Padding top: 60
Padding bottom: 60
Column config
Choose: 12
Block 8: Static block title "Category Product".
Step 1: At frontend, add new block -> choose "Category Products".
Step 2: Setting block
General Tabs:
Block col (12 to full): 12
Custom Class: non-title
Category Config:
Show Products by: Position
Number of Products per Category: 10
Number of Products per row: 5
Layout: Category products tabs slider
Category: Select categories to show
SECTION 5
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Class Name: electronic
Block 9. Static Block
Step 1: At frontend, add new block -> choose "Static Block".
Step 2: Setting block
General Tabs:
Block col (12 to full): 12
Title: Molly Home11 Title Best Selling
Identifier: Molly_home11_title_best_selling
Content:
TOP SELLING
Trending Fashion In This Season
Block 10. Static Block
Step 1: At frontend, add new block -> choose "Static Block".
Step 2: Setting block
General Tabs:
Block col (12 to full): 12
Title: Molly Home11 Category Products
Identifier: molly_home1_category_products
Content:
Computer
Mobiles
Camera
Tablet
Aircon
Home
Cameras
Watch
Headphone
Album
Block 11. Static Block
Step 1: At frontend, add new block -> choose "Category Products".
Step 2: Setting block
General Tabs:
Block col (12 to full): 12
Custom Class: cate-tabs non-title
Category Config:
Show Products by: Featured Products
Number of Products per Category: 10
Number of Products per row: 5
Layout: Category products tabs slider
Category: Select categories to show
SECTION 6
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Custon Class: electronic-brand
Padding top: 60
Padding bottom: 60
Column Config:
Block 12. Brand
Step 1: At frontend, add new block -> choose "Sale Product".
Step 2: Block setting
General:
Block col (12 to full): 12
Brands Config:
Brands: Select brands to show
Number of brands per row: 5
Use slider: yes
Number of row: 1
Auto play: No
Stop autoplay on mouse hover: No
Display Navigation: Yes
Display Pagination: No
5.12 Home medical
SECTION 1
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Class name: medical-banner
Padding top: 30
Padding bottom: 30
Column Config
Divide columns: 6,3,3
Custom class for Column 1: padding-right5 col-sm-12 col-xs-12
Custom class for Column 2: padding-left5 padding-right5 col-sm-6 col-xs-12
Custom class for Column 3: padding-left5 col-sm-6 col-xs-12
Block 1. Static Block
Step 1: At frontend, add new block -> choose "Static Block".
Step 2: Setting block
Block col (6 to full): 12
Custom Class: full-img xs-padding-bottom5
Title: Molly medical slider
Identifier: molly_medical_slider
Content:
Sort throat? Trust The Exprert
You need our medicine to stay alive
Shop medicine
Sort throat? Trust The Exprert
You need our medicine to stay alive
Shop medicine
Block 2. Promo banner
Step 1: At frontend, add new block -> choose "Promo Banner".
Step 2: Setting block
General Tabs:
Block col (12 to full): 12
Custom Class: padding-bottom5 bg-hover-custom full-img
Banner Config:
Title: Molly promo medical-1
Background Image: Choose Images of promobanner.
Html Content:
We're here to offer support and help you live well.
Text Align: Center
Block 3. Promo banner
Step 1: At frontend, add new block -> choose "Promo Banner".
Step 2: Setting block
General Tabs:
Block col (12 to full): 12
Custom Class: padding-top5 bg-hover-custom xs-padding-bottom5
Banner Config:
Title: Molly promo medical-2
Background Image: Choose Images of promobanner.
Html Content:
We're here to offer support and help you live well.
Text Align: Center
Block 4. Promo banner
Step 1: At frontend, add new block -> choose "Promo Banner".
Step 2: Setting block
General Tabs:
Block col (12 to full): 12
Custom Class: custom-text no-pr-padding full-img
Banner Config:
Title: Molly promo medical-3
Button: shop now
Background Image: Choose Images of promobanner.
Html Content:
10% off
BLUEBERRY
CONCENTRATE
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Text Align: Top Center
SECTION 2
Block 5. Static Block
Step 1: At frontend, add new block -> choose "Static Block".
Step 2: Setting block
Block col (6 to full): 12
Custom Class: custom-banner
Title: Molly banner medical-1
Identifier: molly-banner-medical1
Content:
YOU NEED OUR MEDICINE TO STAY ALIVE
Get Free Shipping on all orders over $75 and free returns to our UK returns centre! Items are dispatched from the US and will arrive in 5-8 days.
SECTION 3
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Class name: electronic
Padding top: 30
Padding bottom: 15
Column config
Divide columns: 9,3
Block 6. Category Product
Step 1: At frontend, add new block -> choose "Category Product".
Step 2: Setting block
General Tabs:
Block col (12 to full): 12
Title: Healthcare
Custom Class: medical-tabs
Category Config:
Show Products by: Position
Number of Products per Category: 6
Number of Products per row: 3
Product Picture ratio: 1/1 Square
Layout: Category products tabs
Category: Select categories to show
Block 7. Best selling
Step 1: At frontend, add new block -> choose "Best Selling".
Step 2: Setting block
General Tabs:
Block col (12 to full): 6
Title: Best selling
Custom Class: custom-product-list
Product Config:
Number of Products: 5
View mode: List
Html Content: 3/4 Portrait
SECTION 4
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Padding top: 15
Padding bottom: 25
Column config
Choose: 12
Block 8: Static block title "Text & Image".
Step 1: At frontend, add new block -> choose "Text & Image".
Step 2: Setting block
General Tabs:
Block col (12 to full): 3
Custom Class: col-sm-6 col-xs-12
Title: Medical promobanner
Identifier: medical-promobanner-1
Content:
Block 9: Static block title "Text & Image".
Step 1: At frontend, add new block -> choose "Text & Image".
Step 2: Setting block
General Tabs:
Block col (12 to full): 3
Custom Class: col-sm-6 col-xs-12
Title: Medical promobanner 2
Identifier: medical-promobanner-2
Content:
Block 10: Static block title "Text & Image".
Step 1: At frontend, add new block -> choose "Text & Image".
Step 2: Setting block
General Tabs:
Block col (12 to full): 3
Custom Class: col-sm-6 col-xs-12
Title: Medical promobanner 3
Identifier: medical-promobanner-3
Content:
Block 11: Static block title "Text & Image".
Step 1: At frontend, add new block -> choose "Text & Image".
Step 2: Setting block
General Tabs:
Block col (12 to full): 3
Custom Class: col-sm-6 col-xs-12
Title: Medical promobanner 4
Identifier: medical-promobanner-4
Content:
SECTION 5
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Padding top: 25
Padding bottom: 30
Block 12. Static Block
Step 1: At frontend, add new block -> choose "Static Block".
Step 2: Setting block
General Tabs:
Block col (12 to full): 12
Title: Molly block brands title
Identifier: molly-brands-title
Content:
PRODUCT BRANDS
Trending Fashion In This Season
Block 13. Brand
Step 1: At frontend, add new block -> choose "Featured Brand".
Step 2: Setting block
General Tabs:
Block col (12 to full): 12
Custom Class: electronic-brand
Brands Config:
Brands: Select brands to show
Number of brands per row: 5
Use slider: Yes
Number of row: 1
Auto play: No
Stop autoplay on mouse hover: No
Display Navigation: Yes
Display Pagination: No
SECTION 6
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Padding top: 30
Padding bottom: 30
Column Config:
Block 14. Text & Image
Step 1: At frontend, add new block -> choose "Text & Image".
Step 2: Block setting
General:
Block col (12 to full): 12
Title: Molly block spotlight title
Identifier: molly-spotlight-title
Content:
PRODUCT SPOTLIGHT
Trending Fashion In This Season
Block 15. Category Product
Step 1: At frontend, add new block -> choose "Category Product".
Step 2: Block setting
General:
Block col (12 to full): 12
Custom Class: hidden-loadmore
Category Config:
Show Products by: Position
Number of Products per Category: 10
Number of Products per row: 5
Layout: Category products load more
Category: Select categories to show
5.13 Home Furniture
SECTION 1
Step 1:
At frontend, add new section -> click button edit section.
Block 1. Revolution slider
Step 1: At frontend, add new block -> choose "Revolution slider".
step 2: Setting block
Block col (12 to full): 12
Slider: Home furniture slider
SECTION 2
Step 1:
At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: Yes
Class name: hidden-xs
Column Config
Choose: 4,4,4
Custom class for Column 1: col-sm-4 no-padding
Custom class for Column 2: col-sm-4 no-padding
Custom class for Column 3: col-sm-4 no-padding
Block 2. Promo banner "Promo banner Furniture..."
Step 1: At frontend, add new block -> choose "Promo Banner".
step 2: Setting block
General Tabs:
Custom Class: furniture-promo
Banner Config:
Title: Title of promobanner.
Button text: "Hot now"
Background Image: Choose Images of promobanner.
Html Content:
Text Align: Right.
Block 3. Promo banner "Promo banner Furniture..."
Step 1: At frontend, add new block -> choose "Promo Banner".
step 2: Setting block
General Tabs:
Banner Config:
Title: Title of promobanner.
Button text:
Background Image: Choose Images of promobanner.
Html Content:
Text Align: Center
Block 4. Promo banner "Promo banner Furniture..."
Step 1: At frontend, add new block -> choose "Promo Banner".
step 2: Setting block
General Tabs:
Banner Config:
Title: Title of promobanner.
Button text:
Background Image: Choose Images of promobanner.
Html Content:
Text Align: left
SECTION 3
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Class name: furniture-space-xs
Background Color: #fff
Padding top: 40
Padding bottom: 40
Column Config
Choose: 3,3,3,3
Custom class for Column 1: col-sm-6 col-xs-12
Custom class for Column 2: col-sm-6 col-xs-12
Custom class for Column 3: col-sm-6 col-xs-12
Custom class for Column 4: col-sm-6 col-xs-12
Block 5. Static block "Molly Service Footer Sample 1"
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: icon-green service-furniture
Title: Input name static block.
Identifier: Input identifier static block.
Content:
MONEY GUARANTEE
30 days money guarantee!
Block 6. Static block "Molly Service Footer Sample 2"
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: icon-red service-furniture
Title: Input name static block.
Identifier: Input identifier static block.
Content:
ONLINE SUPPORT
We support online 24/7
Block 7. Static block "Molly Service Footer Sample 3
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: icon-orange service-furniture
Title: Input name static block.
Identifier: Input identifier static block.
Content:
PAYMENT SECURE
Secure all your payment
Block 8. Static block "Molly Service Footer Sample 4
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: icon-blue service-furniture
Title: Input name static block.
Identifier: Input identifier static block.
Content:
UK FREE DELIVERY
Free on all orders over £99.99
SECTION 4
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Custom Class: furniture-res furniture-space-xs
Background Color: #eee
Padding top: 60
Padding bottom: 60
Column config
Choose: 10,2
Custom class for Column 1: no-padding-r
Custom class for Column 2: no-padding-l hidden-xs hidden-sm
Block 9. Category Product Block.
Step 1: At frontend, add new block -> choose "Category product block".
Step 2: Setting block
General tab
Block col: 12
Title: Input name category product block
Custom class: furniture-custom-tab green-br white-bg furniture-title
Category config tab
Show products by: Position
Number of products per Category: 8
Number of products per row: 4
Product picture radio Choose "3/4Portrait"
Layout: Choose "Category product tabs slider"
Category: Choose category display
Block 10. Promo banner "Promo banner furniture..."
Step 1: At frontend, add new block -> choose "Promo banner".
Step 2: Setting block
General Tabs:
Banner Config:
Title: Title of promobanner.
Button text:
Background Image: Choose Images of promobanner.
Html Content:
Text Align: Top Center.
SECTION 5
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: Yes
Class name: bg-center
Background image: Choose images background
Parallax: Yes
Padding top: 100
Padding bottom: 40
Column config
Block 11. Testimonial.
Step 1: At frontend, add new block -> choose "Testimonial".
Step 2: Setting block
Block col: 12
Number of testimonial: 3
View more: Choose "Slider"
SECTION 6
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Custom Class: furniture-res furniture-space-xs
Background Color: #eee
Padding top: 60
Padding bottom: 60
Column config
Choose: 10,2
Custom class for Column 1: no-padding-r
Custom class for Column 2: no-padding-l hidden-xs hidden-sm
Block 12. Category Product Block.
Step 1: At frontend, add new block -> choose "Category product block".
Step 2: Setting block
General tab
Block col: 12
Title: Input name category product block
Custom class: furniture-custom-tab orange-br white-bg furniture-title
Category config tab
Show products by: Position
Number of products per Category: 8
Number of products per row: 4
Product picture radio Choose "3/4Portrait"
Layout: Choose "Category product tabs slider"
Category: Choose category display
Block 13. Promo banner "Promo banner furniture..."
Step 1: At frontend, add new block -> choose "Promo banner".
Step 2: Setting block
General Tabs:
Banner Config:
Title: Title of promobanner.
Button text:
Background Image: Choose Images of promobanner.
Html Content:
Text Align: Top Center.
SECTION 7
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: Yes
Background Color: #fff
Column config
Choose: 6,6
Custom class for Column 1: no-padding
Custom class for Column 2: no-padding
Block 14. Promo banner "Promo banner furniture..."
Step 1: At frontend, add new block -> choose "Promo Banner".
Step 2: Setting block
General Tabs:
Banner Config:
Title: Title of promobanner.
Background Image: Choose Images of promobanner.
Text Align: Left.
Block 15. Deal
Step 1: At frontend, add new block -> choose "Daily Deals Block".
Step 2: Setting block
General tab
Block col: 12
Tile: Title of block(Hot deal Every day)
Custom Class: button-blue-bg furniture-deal-block 12
Deal Config
Deals: Choose product deal display
Number of deals per row: 1
SECTION 8
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Class name: furniture-res furniture-space-xs
Background color: #eee
Padding top: 60
Padding bottom: 60
Column config
Block 16. New Products Block
Step 1: At frontend, add new block -> choose "New products".
Step 2: Setting block
General tab
Block col: 12
Title: Title of block
Custom Class: blue-br furniture-title furniture-block white-bg
Product Config tab
Number of products: 8
View more: Choose "Grid"
Number of products per row: 5
Use slider: yes
Display Navigation: yes
SECTION 9
Step 1: At frontend, add new section -> click button edit section.
Step 2: Setting section
General tab
Full width: No
Class name: furniture-space-xs
Padding top: 60
Padding bottom: 60
Column config
Block 17. Static block "Molly Title Blog Inline Sample"
Step 1: At frontend, add new block -> choose "Text & images".
Step 2: Setting block
Custon Class: col-xs-12
Title: Input name static block.
Identifier: Input identifier static block.
Content:
FROM OUR BLOG
Lorem ipsum dolor sit amet
Block 18. Separator Block
Step 1: At frontend, add new block -> choose "separator".
Step 2: Setting block
Separator Type: Choose "White space"
Margin top: 20
Margin bottom: 20
Block 19. Latest Posts Block
Step 1: At frontend, add new block -> choose "Latest posts".
Step 2: Setting block
General tab
Block col: 12
Custom class: furniture-blog
Post config tab
Categories to show: Choose category blog display.
Number of blog post: 3
Summary Character Count: 200
View more: Choose "Grid".
Number of blog post per row: 3
6. Custom Class
To add custom class to a block:
At front-end, active builder.
Hover to block you want to add custom class, you can see some link icons, please click to edit icon:
You can add custom class at "Custom Class" field
There are class list you can use:
6.1 Custom Class
" margin*, margin-top*, margin-right*, margin-left*, margin-bottom* "
To add margin of element (all, top, right, left, bottom). * value : 5,10,15,20,25,30,35,40
" padding*, padding-top*, padding-right*, padding-left*, padding-bottom* "
To add padding of element (all, top, right, left, bottom). * value : 5,10,15,20,25,30,35,40
You can add custom class on setting block
Class name of setting section
Custom class for Column on setting section (Column config tab)
6.2 Bootstrap Class
"no-padding"
To remove padding of element
"hidden-lg"
Hidden element on Large devices Desktops (≥1200px)
"hidden-md"
Hidden element on Medium devices Desktops (≥992px)
"hidden-sm"
Hidden element on Small devices Tablets (≥768px)
"hidden-xs"
Hidden element on Extra small devices Phones (<768px)
"col-md-*, col-sm-*, col-xs-*"
To use for grid system, you can define different gird on desktop, tablet or mobile. See more at Bootstrap
"text-left, text-right, text-center, text-justify"
To setting text-align of element
7. How To
7.1 Setting Category Landing
Category landing page are pages list all sub categories of current category with sub categories information (category thumbnail image, category description, category name, products count of category).
To perfect for category landing page, you need to upload thumbnail image for categories, you can upload thumbnail for categories at Catalog -> Manage Categories
Molly theme have three landing page layout:
3 Columns
Masonry
Lookbook
To set category landing and change layour for category landing, from frontend, go to category you want to set category landing page
Active builder, click to "Setting" at top panel
Display Mode: Static Block Only
CMS Block: Choose layout of category landing page (Molly Landing Category Grid / Molly Landing Category Lookbook / Molly Landing Category Mansory)
Click "Update" button to save your setting
7.2 Add Custom Style
To custom style of your site, you have 2 ways:
Use custom.css:
From front-end, active builder
Click to setting icon at top panel
Under General section, "Custom css" choose "Yes"
Click "Update" button to save
Now, you can open the file: skin\frontend\mgstheme\molly\css\custom.css on your host to edit.
Use admin panel:
From back-end, go to Mage Solution -> Theme Settings
Expand "Add custom Style" section to add custom style by your self
Add custom font: you can upload new font to customize your style
To add custom font, you need enter font-name and upload .ttf file, .eot file, .woff file, and .svg file
Custom style: you can custom style here
7.3 Setup Multi Languages
To setup multi languages, you can go to System -> Manage Stores
Click Create Store View button
Store: choose your Main store
Name: Language
Code: code for this language.
Press Save button
Go to System -> Configuration -> General
Choose a store view (language) you have created
Choose the Country of this store view (language)
Choose locale of this store view (language)
Press Save Config button
7.4 Setup Currency
To setup currency, you can go to System -> Configuration , choose Currency Setup tab. Set Allowed Currencies are the currency you want on your store.
Go to System -> Mange Currency Rates , press import. Wait for the system to import currency exchange rate then press Save .
Go to System -> Cache Management and refresh the cache. Now you should see currency dropdown on the top left corner.
7.5 Enable Translate Inline
To enable translate inline for any store view, at front-end, go to store view you want to enable translate inline, active builder.
At top panel, please click to this icon to enable translate inline.
Now you can translate for this store view
When you done, don't forget disable translate inline for this store view. To disable translate inline, please click to this icon
7.6 Setup Social Login
To setup social login, at frontend, after active builder click to edit icon at top left of content and go to "Social" -> change "Active" to Yes.
7.6.1 Setup Facebook Login
Step 1: Go to Facebook Developers
Step 2: Login with your app account or your facebook account and create app.
Step 3: Go to Dashboard of your app. Click "Show" to view App Secret.
Step 4: Copy App ID and App Secret to setup facebook.
7.6.2 Setup Google Login
Step 1: Go to Creating a Google Developers Console project and client ID and follow the instructions step by step.
Step 2: Copy your client ID and client secret to setup google
7.6.3 Setup Twitter Login
Step 1: Go to Twitter Application Management and choose your app or registering an application.
Step 2: On dashboard your app. Choose tab "Keys and Access Tokens" and coppy infomation to setup twitter
7.7 Setup Social Share
To setup social Share at frontend. You can active builder then click to edit icon at top left of content and go to "Social" -> change "Active" to Yes.
Step 1: Go to ShareThis Social Sharing Buttons and click get tools on menu.
Step 2: Choose a Platform -> Website
Step 3: Select a Style
Step 4: Get the Code Click button "Get the Code"
Step 5: Copy code and page to input box.
7.8 Setup Mobile Template
To setup mobile template, from admin panel, go to System -> Configuration -> Design
Under Themes section, please Add Exceptions for Templates, Skin (Images / CSS), Layout, Default
Matched Expression : iPhone|iPod|BlackBerry|Palm|Googlebot-Mobile|Mobile|mobile|mobi|Windows Mobile|Safari Mobile|Android|Opera Mini
Value : molly_mobile
7.9 Edit Mobile Content
Homepage Content
From admin panel, go to CMS -> Static BLocks, search static block with Identifier is: molly_mobile_homepage
At this static block, you can change revolution slider banner, featured products and vertical megamenu
To change revolution slider banner, please edit id of the banner {{widget type="revslider/slider_preview" id="2"}}
For Featured Products, you can change number of products to show on slide and title of this block:
{{block type="mpanel/products" products_count="10" title="Featured Products" template="cms/home/featured_products.phtml"}}
Footer Content
Please see the image bellow, red text are Identifiers of static blocks
7.10 Edit Mobile Menu
For mobile menu, you need to create a megamenu and add it to static block "molly_mobile_main_menu"
After create new horizontal megamenu, please go to CMS -> Static BLock, edit static block "molly_mobile_main_menu" and change menu_id into this code: {{block type="megamenu/horizontal" menu_id="4" template="megamenu/horizontal.phtml"}} by the id of the megamenu you have created.
7.11 Setting Megamenu
From admin panel, go to Mage Solutions -> Megamenu -> Configuration and setup "Is Enable" to "Yes". You can config homepage link on this.
Add new Megamenu items
From admin panel, go to Mage Solutions -> Megamenu -> Manage Megamenu Items -> Click button "Add Megamenu Item"
Setting
Label: Label show on menu.
Link: Url of this
Position: Position on menu.
Columns: Column sub menu of this.
Custom Class: If you want add orther style for this.
Static Content: Add content to sub menu of this
Custom Setting