Johny Blackstore, Origin So Templates Online Store

This template is a blogger friend request via email, Abu Dzaky or Who is this? I forgot his name. The point he was asked to be made a template for selling online. Actually I'm not so able to make an online store template, in addition to my job in the real world lately too time-consuming due to the limitations of my ability to create a shopping cart for easy online transaction via Paypal. This template name is Johny Blackstore, not fit ya ...? hehehehe. Bodo very ... Her store is important there

johny blackstore

Shopping cart that I use here is made in wojodesign.com simplecart. I have enter the currency USD or dollars in the script but it still can not be used for direct transactions via paypal, as yet accept Paypal as payment dollars. So if you want to use this template for online sales, goods are assessed disposable dollars aja ya ...??. Now I will explain the installation template and some of the features on this template:

Posting Artikel

In creating a new article, note the structure of the code below:
<div class="product_image">
<a class="cloud-zoom" href="url-image.jpg" rel="softFocus: true, position:'inside', smoothMove:2"><img border="0" class="item_thumb" src="url-image.jpg" /></a>
<span class="item_price">$00.00</span></div>
<div class="product_describe">
Description your product.............
</div>

Description:
Red: url enter your product images on both the red color code above. Try to picture that you upload the same length and width, for example, 300 x 300 px
Yellow: product priceBlue: a description of the product
The above code is a code that you have to make a start in the latest post, and to make it easier so that you do not repeatedly copy and paste the code while creating a new article, enter the code in the post column template. Go to settings, select the posts and comments >> post template. Click Add, then enter the above code in the empty box as shown below, last save settings.

Shopping Cart

Shopping Cart feature is used here to facilitate online store manager in the transaction via Paypal. But since not accept Paypal payment amount, so the setting for the currency still in dollars. To replace a Paypal account contained on this demo blog with your Paypal account, find the code below:
<script type='text/javascript'>
simpleCart.email = &quot;johnytemplate@gmail.com&quot;;
simpleCart.checkoutTo = PayPal;
simpleCart.currency = USD;
simpleCart.taxRate  = 0.02;
simpleCart.shippingFlatRate = 3.25;
simpleCart.shippingQuantityRate = 1.00;
simpleCart.cartHeaders = [&quot;thumb_image&quot; , &quot;Quantity_input&quot; ,   &quot;Total&quot;, &quot;remove&quot; ];
</script>
Replace red above email with your email (email is already registered in Paypal)


Supporting Features
  1. Slider which I attach here works automatically, showing you the latest article with the number 8 post. If you want to display per category or label, find this code in the Edit HTML (do not forget to check expand widget templates):
    <script>
    document.write(&quot; &lt;script src=\&quot;/feeds/posts/default?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
    </script>
    Replace with the following code:
    <script>
    document.write(&quot; &lt;script src=\&quot;/feeds/posts/default/-/your label?max-results=&quot;+numposts+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts\&quot;&gt;&lt;\/script&gt;&quot;);
    </script>
    Replace the code with the blue label you want displayed on the slider.
  2. To change your existing subscription email below navigation, search code below in the Edit HTML (do not forget to check the box expand widget templates):
    <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=blogspot/htbgh&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='blogspot/htbgh'/><input name='loc' type='hidden' value='en_US'/><input id='subbutton' type='submit' value='Enter'/></form>
    Description:
            Blue color: replace with your feed address.
  3. Widget Contact Online
    Enter the following code in the box HTML / Javascript
    <table border='0' cellpadding='0' cellspacing='0' height='1' width='100%'>
    <tbody>
    <tr>
    <td height='1'>Customer Service A</td>

    <td align='right' height='1'><a href='ymsgr:sendIM?youryahoousername1'><img border='0' height='16' src='http://opi.yahoo.com/online?u=youryahoousername1&m=g&t=1' style='padding-top:3px' width='64'/></a></td>
    </tr>
    </tbody>
    </table>

    <div style='display: block;'>
    <table border='0' cellpadding='0' cellspacing='0' height='1' width='100%'>
    <tbody>
    <tr>
    <td align='left' height='1'>Custumer Service B</td>
    <td align='right' height='1'><a href='ymsgr:sendIM?youryahoousername2'><img border='0' height='16' src='http://opi.yahoo.com/online?u=youryahoousername2&m=g&t=1' style='padding-top:3px' width='64'/></a></td>
    </tr>
    </tbody>
    </table></div>

    <p align="center"><a href="http://mas-template.blogspot.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgX3hjE-kUJe2dzZJn9161vK0kvOG_SkwSh040hBcBsaT_8bW-fv0noGyk5u9yARJtkEX9Kih5F84KJ6-_dTyAPDfDZKiOzTtVHJMcqzVL399UPFHJEl4g4S8FwDgUlXZiDcRSoha43FA/s1600/donate.png" alt="twitter Johny Woods" /></a></p>
    Replace youryahoousername1 and youryahoousername2 with your yahoo ID.
  4. This template using the comments box model has been modified, to enable the function you must reply to this code in the Edit HTML, once again do not forget to check the box expand widget templates:
    <a expr:href='&quot;https://www.blogger.com/comment.g?blogID=2440873145683465163&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500&quot;); return false;'>Reply</a>
    The red color in the above code is a demo blog ID, you must replace it with your blog ID located on the browser when you go to the dashboard, as shown below:

  5. Post thumbnail popular widgets, settings like in the image below:
    popular

    Noteworthy is only a thumbnail check, leave the box blank does not need to be checked snippet. Title and the number of posts you want to display up to you. For more details, please read the tutorial here.
Another feature that I think is easy, such as installing Yahoo Messenger and others. This template also comes with the zooming effect on the image if you point cursor on the image, the image will be automatically enlarged according to the location of the cursor. Maybe it's just that I need to explain about this template, as always if there are not clear please leave your comments in the comments box below. Good luck and hopefully useful.



Strongly recommended:
  1. Read this tutorial to complete the installation template.
  2. I suggest to upload pictures of products with the same length and width, such as 300 x 300 px.
  3. So that the final result in the use of this template and layout maximal regular post, the title of the post should not be too long, because it will move the image down.
  4. To speed up loading, save the javascript that exist in this template in Google Code repository you. For those who have not been able to save on the Google Code tutorial can be read here.
 Update
To change the currency symbol of $ (dollars) to IDR (rupiah) to shopping cart:
    
  1. Find the URL of this script in Edit HTML:
  2.         http://jagad.googlecode.com/files/WojosimpleCart-IDR.js
  3. Having met with the URL change the following script:
  4.         https://masolis-javascript.googlecode.com/svn/trunk/blackstorecart-rupiah.js
  5. The next step, still in Edit HTML replace USD in this code:
  6.         simpleCart.currency = USD;
  7.     to be
  8.         simpleCart.currency = IDR;

Last save templates, and you will change the currency into dollars. But keep in mind here, it's just a replacement of the currency only, not to do the checkout or payment directly through Paypal. Because not accept Paypal as a payment amount.






Posted by Dexcuit at 9:48:00 PM 2 comments :

2 comments :

  1. UnknownDecember 4, 2016 at 7:52 AM

    Como Edito o carrinho do template Johny Blackstore para Reais no lugar do dólar??
    Pode me ajudar?
    Sou Brasileiro e preciso colocar o carrinho em R$ (Reais)
    Meu e-mail é cleristonbh@hotmail.com
    Obrigado!

    ReplyDelete
  2. UnknownDecember 6, 2016 at 2:47 PM

    How do I edit the Johny Blackstore template stand for Reais instead of the dollar?
    Can you help me?
    I'm Brazilian and I need to put the cart in R $ (Reais)
    My email is cleristonbh@hotmail.com
    Thank you!


    Como Edito o carrinho do template Johny Blackstore para Reais no lugar do dólar??
    Pode me ajudar?
    Sou Brasileiro e preciso colocar o carrinho em R$ (Reais)
    Meu e-mail é cleristonbh@hotmail.com
    Obrigado!

    ReplyDelete

Subscribe to: Post Comments ( Atom )