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.
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
Main Menu/DropDown
On Blogger Dashbord Click TemplateClick 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.
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 TemplateClick Edit HTMLScroll 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.
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 TemplateClick Edit HTMLScroll down and Find this Code :
<form action='http://feedburner.google.com/fb/a/mailverify' id='subscribe' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=soratemplates', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'><input id='subbox' name='email' onblur='if (this.value == '') {this.value = 'Enter your email address...';}' onfocus='if (this.value == 'Enter your email address...') {this.value = '';}' 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.
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('http://feedburner.google.com/fb/a/mailverify?uri=soratemplates', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'><input id='subbox' name='email' onblur='if (this.value == '') {this.value = 'Enter your email address...';}' onfocus='if (this.value == 'Enter your email address...') {this.value = '';}' 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")
//<![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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTrtnogMJG2TfGLZydfM33tJ6E2abN5HxVoRuG6rLGjBn80p8X8skNHLr4n-Q7QmQMsfZywTAwIENuNALdFbfodPiolUPsi4n3RBF6ST-LtqjdV7XZEXH5W3zvpA34tw0QsYV5B0TLdPU/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeMVUiS5OFa_9f07UCiDicrOS5d_dkY4xow8KDN4DxHGu1ZhCR6qeDrPTaWDZQuUB5nbqrsaZL4zBdSmINisB9du6hivFAsrDsNOrScddqWyf6Z1If0vTvDPU7F6j5R_eJfdrKQIX4e7g6/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHqtW9d33uDesexHt4JLAJ8YBmDyDdIWW_rKiLgY16c8NPAUXwLWpPUizs1TDp1cSt_0w6mY_P6-xmQqQKAQ_1VOOhhC-CD7rgcduWin4aiSmCpvhjTprbll7mLhbKIzSWtTKFPqKVcCAv/s400/shirt.jpg'/></span></div><div class='box-content'><h3>JACKETS & 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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsYflLVmxiZv0n3WkbE2Xcj7WJDUdyEigTtB_NZgUYKQYy-xx2Wi0qM58Xpxh4Ie3TYaW3AVG4Np_dSlpAJsqcvOH3_LOrDASJ2IuNN8APODaD561ICIhy38ef8Uu_Nz3ieR_6OTD9jT4C/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
<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>
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 ='Previous';
var downPageWord ='Next';
</script>
Change the value of var pageCount=6; from 6 to any number you want (Archive).
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 ='Previous';
var downPageWord ='Next';
</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.
