Boutique Blogger Template

Boutique Blogger Template

• Live Demo
• Download Theme

 Boutique is a free online store and beautiful blogger template that is a adapted from premium wordpress themes.This template has shopping style ,description of post in hover,fancy image slider,smooth drop down menu,right sidebar,featured product section and very beautiful coloured layout and fonts collection.

Template Features

• Template name : Boutique Blogger Template 
• Template Author: Sora Templates 
• Designer: Elegant Themes
• Descriptions: Boutique Blogger Template features a clean design, has a featured content slider, fixed width, available drop down menu, also includes page navigation widget, well-suitable for business site, shopping, online store and open cart. Aside from its minimal look, this template is also inspired by WordPress, which has become a trend these days in which you have a WP designed template for Blogger.
• Properties: Wordpress Look, Right Sidebar, 2 Columns, Elegant, Featured Content Slider, Fixed width, Dark, Tabbed widget, Top Navigation Menu 

How to customize the featured slider
Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below

 <div class='slide'>
 <div class='featured-image'>
 <a href='#'><img alt='Back To School Supplies' height='230' src='/product.png' width='380'/></a>
 <div class='featured-price'>
 <a class='add_cart et-shop-item' href='#'>Add To Cart</a>
 <a class='more_info' href='#'>More Info</a>
 <span class='price'>25</span>
 <span class='currency_sign'/>
 </div>
 </div>
 <div class='featured-description'>
 <h2 class='featured-title'><a href='#'>Back To School Supplies</a></h2>
 <p>Vivamus eget nulla id elit volutpat...</p>
 <a class='readmore' href='#'><span>More Info</span></a>
 </div>
 </div>
 ............

Change “#” with your featured post URL and “product.png” with your slider image
Configure Dropdown Menu
The dropdown Menu can also be customized, simply follow this:
Blogger Dashboard  > Layout > Edit HTML
Look for this code

<div id='menu-content'>
<div id='menu-shadow'/>
<ul class='nav clearfix' id='secondary-menu'>
 <li><a href='#'>Backpacks</a></li>
 <li><a href='#'>Bathroom</a></li>
 <li><a href='#'>Accessories</a>
<ul class='sub-menu'>
 <li><a href='#'>Bathroom</a></li>
 <li><a href='#'>Clothing</a></li>
 ...........

Replace "#" with your menu item URL
Configure Page Navigation Widget
search for:

var posts=12, // Number of posts in each page
    num=2, // Number of buttons will display

How to add price to a product
Add this line before publishing new product (in HTML mode):

<span class="item-price">15</span>

How to change currency sign
Search for:

var currency="£";

Share this article :

Similiar Templates