DISP123 31.2 1589 177 13 40 DISP-A679 45.6 5485 221 23 55 Boutique Blogger Template - Kangs Ilham

Boutique Blogger Template

ping fast  my blog, website, or RSS feed for Free




Free VersionFull Version

[Offer]Scroll Down to Download
Template Name: Boutique Blogger Template

Release Date: September 2013

Author: Sora Templates

Designer: Elegant Themes

Basic Instructions : How to install a Blogger Template
Features: Wordpress Look, Right Sidebar, 2 Columns, Elegant, Featured Content Slider, Fixed width, Dark, Tabbed widget, Top Navigation Menu

Configure Featured Content 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>
     ............
Replace:
  • "#" with your featured post URL.
  • "product.png" with your slider image.

Configure Dropdown Menu:
Login to blogger dashboard --> layout --> Edit HTML. Now scroll down to where you see the codes below:
  • <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 on Google Plus

About Admin

0 comments:

Post a Comment