Banner Ads
(728px X 90px)
Buy now
Secured & Safe

  1. BlogrCart Extend 2.0
  2. 1.0 Install BlogrCart Extend

1.0 Install BlogrCart Extend

This documentation is only for Blogrcart EXTEND Version 1.9 and lower. View theme header for the appropriate theme version copy.

To go to BlogrCart EXTEND other versions, please use this theme navigation tab.
Thank you for your interest & support for BlogrCart Blogger store themes.

We feel blessed & honored to know that our theme has a new home. Please do not hesitate to contact us if you are facing any difficulties.
Best Wishes,
irsah indesigns designers & developers
Full documentation how to install & customize this BlogrCart Blogger e-commerce store template with shopping cart using pre-installed Config widgets.

Expand the panels to view the topic details, guides & instructions. This tutorial comes with videos to help guide users for further understanding & speed up installation process.
Use only what you need!
Add parameters in any order but only to the assigned Config Widget.
Click View Dashboard to view the Config Widget locations.

1.0 Preparation & Downloads

1.1 Download &Install Template


Download FREE Version here:-

Download Freemium Version

In this download, you will get below files:-

  1. Full blogger theme/template codes.
  2. Auto Post Templates helpers
  3. License & general instructions in readme.txt file 
  4. Theme icons.
  5. Links to tutorial videos.
  6. Configuration widget reference images.


Download PRO version here

Download Pro Version [Full Featured]

In this download, you will get:-

  1. Full blogger theme/template codes.
  2. Pre-made product posts & handler pages.
  3. Auto Post Templates helpers
  4. License & general instructions in readme.txt file 
  5. Theme icons.
  6. Links to video tutorials.
  7. Configuration widget reference images.


UNZIP/EXTRACT & upload using Blogger dashboard > Template > Backup/Restore > at Upload a template from a file on your hard drive. > click the Choose File button. Once success, preview your new template.


Turn off Blogger Mobile Template

To allow this theme to display correctly in mobile screens, turn off Blogger default mobile theme by going to Settings, Mobile section, click the Gear button & select No. Show desktop template on mobile devices. , Then click Save.

Turn Off Blogger Image Pop Up

Turn off Blogger image pop over for best performance by going to Settings > Basic > Turn Off/Don't Show image zoom.


Add a Meta Description

In Settings > Search Preferences > Meta Tags > write a short description describing you blogger store in not more than 160 word counts.

General clean-up

Locked widgets/gadgets may occur when installing new Blogger templates. It is best to replace/remove the "locked" widgets for trouble free installations. Known widgets/gadgets are:-

  1. Navbar
  2. Attribution

These default widgets can be removed from Dashboard > Layout > find named widgets  > click Edit > click Remove button.

or

To remove a "locked" widget/gadget, before installing any new template/theme, at template/theme codes, find the above widget/gadget by using the Jump to Widget button.

Select the the entire codes that is used for the widgets. An example mark-up codes is as follows:-


<b:widget id='WIDGET_NAME' locked='true' title='WIDGET_TITLE' type='WIDGET_TYPE'>

... Lots of codes ...
       
</b:widget>

Delete all the codes starting from <b:widget> and ending with the first trailing occurrence of </b:widget> . Click Save Template once done.

You're all set!

1.2 Install Pre-made Pages [PRO Theme]


For This BlogrCart Theme, the template files comes with license, template/theme file & theme Pages. PRO users can build quickly sample Product Pages including the Send Order page (if any), Success page & Error handling Pages. In addition this tutorial is also included for references & future usages.

Upload the file title BlogrCart-*-PAGES-MASTER-V-1-0.xml at Settings, Other & Import Blog link, find the file in your computer & upload accordingly making sure the Automatically publish all imported posts and pages is ticked/selected.

Install Pages


1.3 Install Success Page


 [Pro users can skip this section]

 This page is used to re-direct users once successful sending in their orders via send order e-mail or after successful transactions at Paypal.

Go to Pages > Add a Page and at the Title field type in Success & click Save.
Edit the page body as this page will be the return page from success orders using the send order form functionality checkout. Click Publish Page & view this page full URL at your browser bar by clicking the View link.

An example URL will look like so:-

http://YOUR-BLOG-NAME.blogspot.com/p/success.html

Save this URL using your favorite text editor in your PC.

1.4 Install Error Page


 [Pro users can skip this section]

This page is used to re-direct users once successful sending in their orders via send order e-mail or after successful transactions at Paypal.

Go to Pages > click Add a Page & at the Title field type in Error & click Save.  Edit the page body as this page will be the error handling page upon users non delivered orders using the send order form functionality checkout. Click Publish Page & view this page full URL at your browser bar by clicking the View link. An example URL will look like so:-

http://YOUR-BLOG-NAME.blogspot.com/p/error.html

Save this URL using your favorite text editor in your PC.

1.5 Install Auto Post Template


[ Pro & Freemium users can find the below example helpers in their template download file.]

Find your Auto Post Template updated codes below in this theme/template download folder with file title blogrcart-*-auto-post-template.txt. Use & install as instructed below.

A fully customized auto post template comes pre-included with BlogrCart templates. Important as most of the shopping cart functionalities & also how the product displays depends on this template.

At Blogger Dashboard > Settings > Post & Comments > Post Template > click the Add link to insert the codes below:-

<table border="1" class="product-detail">
 <tbody>
  <tr>
     <td class="item_description">This is the product description section. Start edit here. Lorem ipsum dolor sit amet, dolor pericula te eos. Cum melius definitionem et, te impetus mediocrem persequeris mei. Per cu populo diceret reformidans, ei nam dolor apeirian. Postea consetetur an pri, an inani mollis recusabo eum, ea possit pertinax usu. Eligendi principes vim no, ei sea cibo corrumpit.
     </td>
  </tr>
  <tr>
     <td class="item_price">$ 69.00</td> 
  </tr>
  <tr class="label-add">
    <td class="label-add_cart">Quantity:&nbsp;<input class="item_quantity" size="10" type="text" value="1" />&nbsp;
      <a class="item_add btn btn-custom" href="javascript:;">Add to Cart</a>
    </td>
  </tr>
 </tbody>
</table>
<!--more-->
<table border="1" class="product-image">
 <tbody>
  <tr>
     <td><div class="separator" style="clear: both; text-align: center;">
    <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGIlfLaEJ44iJppRClFORE3ikNObxbulWkoKGuDztF30ln6X4p3_Ix_KP8RE1wHE1jP1fbXGwRIsGWIm8l7EGGHiqlf7xnrbKJPXL56pCfJ9Anf_I6jYm70BGF1ktjTx_DqailAVVYxgeO/s1600/placeholder-product-image-large.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGIlfLaEJ44iJppRClFORE3ikNObxbulWkoKGuDztF30ln6X4p3_Ix_KP8RE1wHE1jP1fbXGwRIsGWIm8l7EGGHiqlf7xnrbKJPXL56pCfJ9Anf_I6jYm70BGF1ktjTx_DqailAVVYxgeO/s320/placeholder-product-image-large.png" width="320" /></a></div>
   </td>
  </tr>
 </tbody>
</table>
<table border="1" class="product-info">
 <tbody>
  <tr>
   <td><div class="separator" style="clear: both; text-align: center;">
    <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9cHYMEjYzKU4tZxgN9vO818uwi0XnRCfGk73xxC1poikU5OUx-3szwiUdCctEKz4hvyH18W1TRJip_tDlWL8Ey7G9h4dCuFlDLhavbqN33oa8bzYyYi3V3H0tP-VRvxS7JS9ReRcTr0C5/s1600/product_placeholder.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9cHYMEjYzKU4tZxgN9vO818uwi0XnRCfGk73xxC1poikU5OUx-3szwiUdCctEKz4hvyH18W1TRJip_tDlWL8Ey7G9h4dCuFlDLhavbqN33oa8bzYyYi3V3H0tP-VRvxS7JS9ReRcTr0C5/s200/product_placeholder.jpg" width="125" /></a></div>
   <div class="separator" style="clear: both; text-align: center;">
    <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9cHYMEjYzKU4tZxgN9vO818uwi0XnRCfGk73xxC1poikU5OUx-3szwiUdCctEKz4hvyH18W1TRJip_tDlWL8Ey7G9h4dCuFlDLhavbqN33oa8bzYyYi3V3H0tP-VRvxS7JS9ReRcTr0C5/s1600/product_placeholder.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9cHYMEjYzKU4tZxgN9vO818uwi0XnRCfGk73xxC1poikU5OUx-3szwiUdCctEKz4hvyH18W1TRJip_tDlWL8Ey7G9h4dCuFlDLhavbqN33oa8bzYyYi3V3H0tP-VRvxS7JS9ReRcTr0C5/s200/product_placeholder.jpg" width="125" /></a></div>
   <div class="separator" style="clear: both; text-align: center;">
    <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9cHYMEjYzKU4tZxgN9vO818uwi0XnRCfGk73xxC1poikU5OUx-3szwiUdCctEKz4hvyH18W1TRJip_tDlWL8Ey7G9h4dCuFlDLhavbqN33oa8bzYyYi3V3H0tP-VRvxS7JS9ReRcTr0C5/s1600/product_placeholder.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9cHYMEjYzKU4tZxgN9vO818uwi0XnRCfGk73xxC1poikU5OUx-3szwiUdCctEKz4hvyH18W1TRJip_tDlWL8Ey7G9h4dCuFlDLhavbqN33oa8bzYyYi3V3H0tP-VRvxS7JS9ReRcTr0C5/s200/product_placeholder.jpg" width="125" /></a></div>
   <div class="separator" style="clear: both; text-align: center;">
    <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9cHYMEjYzKU4tZxgN9vO818uwi0XnRCfGk73xxC1poikU5OUx-3szwiUdCctEKz4hvyH18W1TRJip_tDlWL8Ey7G9h4dCuFlDLhavbqN33oa8bzYyYi3V3H0tP-VRvxS7JS9ReRcTr0C5/s1600/product_placeholder.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9cHYMEjYzKU4tZxgN9vO818uwi0XnRCfGk73xxC1poikU5OUx-3szwiUdCctEKz4hvyH18W1TRJip_tDlWL8Ey7G9h4dCuFlDLhavbqN33oa8bzYyYi3V3H0tP-VRvxS7JS9ReRcTr0C5/s200/product_placeholder.jpg" width="125" /></a></div>
   </td>
  </tr>
 </tbody>
</table>

The auto template comes with a price field, a product thumbnail field, a description section to insert relevant contents for your Product Post. Edit the contents before posting your product. Example product images & thumbnail images are included for reference. Please use as your guide.

Note: The select by colour & select by size is included in PRO template file download.  PRO users have the full codes with custom functions used with the advance auto post template.

Click Save Settings. Preview the example Auto Post Template by clicking the Pencil icon to start a Post.
This BlogrCart Theme also comes with troubleshooting helpers. If you feel that the configurations set is not functioning as expected, press F12 on your computer keyboard and view your browser Console Logs.

Have a question or having some trouble?

Send it to us using this theme support page here. Our team members would gladly assist you.
[*] Unless otherwise stated in theme/template listings.
  1. 6.0 Theme How To's
  2. 2.0 Theme Overview
  1. Home

Contact Us For More Details

Name

Email *

Message *

About Us

Lorem ipsum dolor sit amet, dolor pericula te eos. Cum melius definitionem et, te impetus mediocrem persequeris mei. Per cu populo diceret reformidans, ei nam dolor apeirian. Postea consetetur an pri, an inani mollis recusabo eum, ea possit pertinax usu. Eligendi principes vim no, ei sea cibo corrumpit.