HOT!Join Our Community For Exclusive Blogging IdeasClick Here
SITE123 - Website Builder

How To Setup Sora Store Blogger Template

Sora Store Blogger Template

Sora Store is a responsive blogger template which is fully customizable and suitable for any kind of eCommerce store on any device. Sora Store is equipped with various of widgets which will help you to publish your blog more professionally. To make it easy for you we have published this detailed documentation, so that you can setup your blog correctly.
You have made a good decision by choosing our template. You can check the live demo or download the template through the button below and also Please Read this documentation carefully in order to set up your blog and please note that there’s no support for free users.

Basic Setup

  1. Template Installation
  2. Logo Setup
  3. Template Setting
  4. Shortcodes & Markups
  5. Create Sitemap

Main Menu/DropDown

On Blogger Dashbord Click Template
Click Edit HTML
(Menu) Scroll down and Find this Code :
    <ul id='top'>
<li><a href='/'>Homepage</a></li>
<li><a class='arrow' href='#'>Features</a>
<ul>
<li><a href='#'>Shortcodes</a></li>
<li class='hr'/>
<li><a href='#'>Sitemap</a></li>
<li class='hr'/>
<li><a href='#'>Error Page</a></li>
</ul>
</li>
<li><a class='arrow' href='#'>Enjoy</a>
<ul>
<li><a href='#'>Music</a></li>
<li class='hr'/>
<li><a href='#'>Movie</a></li>
<li class='hr'/>
<li><a href='#'>Television</a></li>
</ul>
</li>
<li><a href='http://www.soratemplates.com/2015/07/sora-store-blogger-templates.html'>Download This Template</a></li>
</ul>
Change # with your desired url.

Social Widget

On Blogger Dashbord Click Template
Click Edit HTML
Scroll down and Find this Code :
    <ul class='isocial'>
<li><a class='rss' href='#' target='_blank' title='Subscribe via RSS'/></li>
<li><a class='facebook' href='#' target='_blank' title='Become a Fan'/></li>
<li><a class='twitter' href='#' target='_blank' title='Follow Us'/></li>
<li><a class='google' href='#' target='_blank' title='Google Plus Profile'/></li>
<li><a class='youtube' href='#' target='_blank' title='Watch The Video'/></li>
</ul>
Change # with your desired url.

Email Subscribe

On Blogger Dashbord Click Template
Click Edit HTML
Scroll down and Find this Code :
    
<form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=soratemplates&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'><input id='subbox' name='email' onblur='if (this.value == &apos;&apos;) {this.value = &apos;Enter your email address...&apos;;}' onfocus='if (this.value == &apos;Enter your email address...&apos;) {this.value = &apos;&apos;;}' type='text' value='Enter your email address...'/><input name='uri' type='hidden' value='soratemplates'/><input name='loc' type='hidden' value='en_US'/><input id='subbutton' type='submit' value='Subscribe'/></form>
Replace highlighted code with your feedburner id.

Featured Widget

It works automatically with recent posts, so you don't need to do anything but if any case it isn't working then follow the below link.

Paypal Email and Currency

Access your blog Theme > click Edit Html and then find the following coding.

<script type='text/javascript'>
//<![CDATA[
simpleCart.email = "soratemplates@gmail.com";
simpleCart.checkoutTo = PayPal;
simpleCart.currency = USD;
simpleCart.taxRate  = 0.02;
simpleCart.shippingFlatRate = 3.25;
simpleCart.shippingQuantityRate = 1.00;
simpleCart.cartHeaders = ["Name", "thumb_image" , "Quantity_input" ,   "Total", "remove" ];
//]]>
</script>

Change this soratemplates@gmail.com  with your own email.
Change this USD  with your own currency (Only Below Currencies are supported).
"USD" - Currency Name  ("US Dollar")  
"AUD" - Currency Name  ("Australian Dollar")  
"BRL" - Currency Name  ("Brazilian Real")  
"CAD" - Currency Name  ("Canadian Dollar")  
"CZK" - Currency Name  ("Czech Koruna")  
"DKK" - Currency Name  ("Danish Krone")  
"EUR" - Currency Name  ("Euro")  
"HKD" - Currency Name  ("Hong Kong Dollar") 
"HUF" - Currency Name  ("Hungarian Forint") 
"ILS" - Currency Name  ("Israeli New Sheqel") 
"JPY" - Currency Name  ("Japanese Yen") 
"MXN" - Currency Name  ("Mexican Peso") 
"NOK" - Currency Name  ("Norwegian Krone") 
"NZD" - Currency Name  ("New Zealand Dollar") 
"PLN" - Currency Name  ("Polish Zloty") 
"GBP" - Currency Name  ("Pound Sterling") 
"SGD" - Currency Name  ("Singapore Dollar") 
"SEK" - Currency Name  ("Swedish Krona") 
"CHF" - Currency Name  ("Swiss Franc") 
"THB" - Currency Name  ("Thai Baht")
"BTC" - Currency Name  ("Bitcoin")

Creating a product 

Access your blog Posts > click Edit on any of your posts or add a new post. then switch to HTML area of the post editor and then delete everything and paste the following codes.
<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="product_image">
<a class="cloud-zoom" href="https://sora-store-soratemplates.blogspot.in/2014/07/running-shoes.html"> <img border=" 0 " class=" item_thumb " src="https://1.bp.blogspot.com/-t_UM-dT68EQ/VZ924jlzM_I/AAAAAAAAGHs/LouPNNm-Z94/s1600/12.jpg" /> </a>
<span class="item_price"> $ 09.95 </span> </div>
<div class="product_describe">
Description product guide .............  </div>
</div>
Change the Blue highlighted link with your post link.
Change the Red highlighted link with your product image.
Change the Green highlighted link with your product price.
Change the Yellow highlighted link with your Product Description.

Three column Product

Access your blog Theme > click Edit Html and then find the following coding.
<div class='vc_row wpb_row vc_row-fluid'>
<div class='vc_col-sm-4 wpb_column vc_column_container '>
<div class='wpb_wrapper'>

<div class='clearfix margin-bottom box-sections yit_animate vertical animated bounceInLeft' data-animate='bounceInLeft' data-delay='0' style='opacity: 1;'>
    <div class='box-icon'><span class='icon'><img class='yit-image' src='http://1.bp.blogspot.com/-5BCcDaIdFMY/WcABmS2RJAI/AAAAAAAAD8M/9YfHHmWQCaA3jgZyLjlCjaAn_7pHChc4QCK4BGAYYCw/s400/hoodle.jpg'/></span></div><div class='box-content'><h3>HOODLES</h3>    <p>Gumbo beet greens corn soko endive gumbo gourd. Parsley shallot courgette tatsoi pea sprouts fava bean collard greens dandelion.</p>
    </div></div>

</div>
</div>

<div class='vc_col-sm-4 wpb_column vc_column_container '>
<div class='wpb_wrapper'>

<div class='clearfix margin-bottom box-sections yit_animate vertical animated bounceIn' data-animate='bounceIn' data-delay='1200' style='opacity: 1;'>
    <div class='box-icon'><span class='icon'><img class='yit-image' src='http://1.bp.blogspot.com/--UqGYhiEEo0/WcABmQbRX_I/AAAAAAAAD8E/ApQFQ_WHW7MC1WB-IUXKts4INMG5myOYQCK4BGAYYCw/s400/shirt.jpg'/></span></div><div class='box-content'><h3>JACKETS &amp; SUIT</h3>    <p>Gumbo beet greens corn soko endive gumbo gourd. Parsley shallot courgette tatsoi pea sprouts fava bean collard greens dandelion.</p>
    </div></div>

</div>
</div>

<div class='vc_col-sm-4 wpb_column vc_column_container '>
<div class='wpb_wrapper'>

<div class='clearfix margin-bottom box-sections yit_animate vertical animated bounceInRight' data-animate='bounceInRight' data-delay='1500' style='opacity: 1;'>
    <div class='box-icon'><span class='icon'><img class='yit-image' src='http://4.bp.blogspot.com/-OjtSK1ORrH0/WcABmXKc69I/AAAAAAAAD8I/8rHKfhFrGyg7x9NwS-udY7ZMqG9OTNhCwCK4BGAYYCw/s400/shoes.jpg'/></span></div><div class='box-content'><h3>SPORT SHOES</h3>    <p>Gumbo beet greens corn soko endive gumbo gourd. Parsley shallot courgette tatsoi pea sprouts fava bean collard greens dandelion.</p>
    </div></div>

</div>
</div>
</div>
Red is for first, Blue is for second, Green is for third.

Facebook Page Plugin:

<center><div class="fb-padding"><div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/pt_BR/sdk.js#xfbml=1&version=v2.3&appId=1395743857335531";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-page" data-href="https://www.facebook.com/soratemplates" data-width="280" data-height="230" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"><div class="fb-xfbml-parse-ignore"></div></div></div></center>
or you can follow this tutorial if above method won't work

Pagenavigation Results

Access your blog Theme > click Edit Html and then find the following coding.

<script type='text/javascript'>
var pageCount=6;
var displayPageNum=6;
var upPageWord =&#39;Previous&#39;;
var downPageWord =&#39;Next&#39;;
</script>

Change the value of   var pageCount=6; from 6 to any number you want (Archive).

Theme Colors

Access your blog Template > click Customize.
Here is where you can change the main color of the model, using your favorite colors.

Installation And Custom Services

We provide plenty of templates for free but if you want something unique for your blog then let us create a unique design for your blog, Just tell us your needs and we will convert your dream design into reality. We also Provide Blogger Template Installation Service. Our Installation service gives you a simple, quick and secure way of getting your template setup without hassle.

How To Setup Sora Store Blogger Template How To Setup Sora Store Blogger Template Reviewed by Templates Yard on September 19, 2017 Rating: 5

6 comments:

  1. Hello there!

    Is there's a possibility that the currency on the cart will be change? On the list above, the currency that I'll be using is not on the said list. We need an alternative for it as our online store catered for the locals

    ReplyDelete
    Replies
    1. Only above listed currencies are supported.

      Delete
  2. i want to change SORASTORE with my store name, how ?

    ReplyDelete
    Replies
    1. How To Install Logo In Your Blog - Sora Blogging Tips
      http://www.sorabloggingtips.com/p/how-to-install-logo-in-your-blog.html

      Delete
  3. hello..can i change checkout paypal with checkout by email?

    ReplyDelete

Powered by Blogger.