How To Setup 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.
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 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('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")
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/AVvXsEiIuehcp4zrYU592TXzkCJGXlZHs5xC-SiZpX6C0fg6UQ43dSuDky4wZYf1oMvuQEV-lT3i7oj_6k5uCjz5a6mlEjvXm-scJzHBRagyJb_1LTSxtAF_GiLbhiqHaQNVdXZc8zJTvrXKWu8/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/AVvXsEjHPjXzv5dFqxD2g7m1EVDt8HvyKpuSkN2SNSzr_1NM1Dp61mvsLhC0wDTXqR6M_q6D9mp38n1xOqh32GmRDob2y8ETiY9cBE0Ot3XZX52goSJcwdzMQ8FylAYXco9uUeY-0Qv4bmLgfnJ2/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/AVvXsEiduz2FuYfLoddR93SHTCX94Kik1w8hoFoOqFj07bSKQ_nMLvTTD4E8X4B67UQxsmeaXMj83WnJ74nY97tFAlXim9bHriamoBNha88ZHwGJYbYWZ6x7UpXCi1NmmIcQJXgwzfFVT99rtDRX/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/AVvXsEhwsVK_SoEfD_rGW1AwBjb-Tbrs8BgllIFihe3n6T6YerLeO1nm-xVdywDwTtS1yRXS8bvA_InYqK37aHI1BVCMpEpG8JNYh5YkpXdpSOPlUXO0bl7gqHeXe8PoXNcd4h47ATDgg0l0Cyx_/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 ='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.
How To Setup Sora Store Blogger Template
Reviewed by TemplatesYard
on
September 19, 2017
Rating:
Hello there!
ReplyDeleteIs 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
Only above listed currencies are supported.
Deletei want to change SORASTORE with my store name, how ?
ReplyDeleteHow To Install Logo In Your Blog - Sora Blogging Tips
Deletehttp://www.sorabloggingtips.com/p/how-to-install-logo-in-your-blog.html
hello..can i change checkout paypal with checkout by email?
ReplyDeleteEmail is compulsory.
Deletenice
ReplyDeletehi, sir
ReplyDeleteHow to customize the product size, when i upload product, it show up very large.
HI, how will we get the list of orders customers has ordered, will they get any notification through email or sms, can we change paypal to other payment gateway,
ReplyDeleteYou will get notified on your email and you have to reply them manually.
DeleteIn India Their Is Rupee, This Option is Not Available
ReplyDeleteOnly paypal supported
Deletein mobile there is no option to add to cart , checkout only image nd description is showing what to do
ReplyDeleteYou can check our responsinator link, it is visible there.
Deletezoom image dosen work
ReplyDeleteShare your blog url.
DeleteHi,
ReplyDeleteAny update on the SoraStore video? How do you display the upper page part?
You will get a notification when an updates arrives.
Deletecan replace checkout button with send inquiry button
ReplyDeleteSorry we can't provide support on additional customization(Adding or Removing stuffs) rather than solving issues or bugs, if you want to customize your template then buy our blog customization service.
Deletefrom where can i purchase blog customization service of your blog
ReplyDeleteHi sora, we are interesting with your template, but we have a presale questions as follow:
ReplyDelete1. What is the resolution of product image?
2. How to customized the comment column?
3. How to customized the email order confirmation for customer?
4. how can we contact you for quick response or consultation?