General Preparations & Theme Install

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

Documentation on 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.

Update: If however you could not find Store Configuration & Theme Configuration helper widget pre-installed with theme at your dashboard, it is most likely hidden away due to Blogger layout styles conflict. To display these widget:-

Go to Template HTML
Scroll to bottom & you will reach below:-

<b:section class='plug-ins sr-only hidden' id='plug-ins' name='Settings &amp; Config (Activate Plug-ins Widget Below)' showaddelement='no'>

Remove class by name "hidden" and Save Template.
Now at dashboard layout the widget helpers will display for you to custom set your settings.

Important Blogger Theme Update - April 14 2016!
To allow the Theme Plug-ins gadget to register itself with your new theme setup, users are required to activate the HTML/Javascript gadget with the title Plugin or DoNotRemove Cart Plugins or Plug-ins Cart located at the bottom of theme Layout. Click Edit the said gadget & add some content to save it. View screenshot below for reference.

1.0 General Template Install
This topic shows you how to install a Blogger template & the necessary preparation before installing any Blogger template or Blogrcart themes.

2.0 Theme Overview
Quick overview on how BlogrCart custom settings works, terminology & widgets used.

3.0 Store Setup
Theme store settings includes shopping cart & checkout preferences.

4.0 Theme Personalization
Customize settings to personalize theme using the many built-in functions.

5.0 How To's
Quick tutorial & how to customize theme settings if required.

Next
Store Set-up & Configuration

1.0 Preparation & Downloads

How to install theme & general clean-up?
Download links & instantly install Blogrcart theme.

1.1 Download & Install Template

Download Freemium Version here:-

Download Freemium Version

In this download, you will get below files:-

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

Download Pro Version here

Download Mukabuku Elite [Full Featured]

In this download, you will get:-

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

Download Elite Version here

Download Mukabuku Elite [Full Featured]

In this download, you will get:-

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

Don't know What version would be suitable?
Go here for a complete BlogrCart One versions add on guide.

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.

premade blogrcart one blogger theme etsy.com collection

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.

blogrcart one premade blogger theme etsy.com collection

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.

premade blogger gallery blogrcart one blogspot theme etsy.com collection

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:-

Navbar
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!

How to install pre-made sample pages?
Quickly build sample pages to start customizing your BlogrCart store.

1.2 Install Pre-made Pages

This BlogrCart theme, the template files comes with license, template/theme file & theme Pages. All versions for this theme can quickly build sample Product Pages including the Checkout Page page (if applicable), 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.

1.2.1 Install Success Page

[This section is for reference only. the pages here has been pre-built by Section 1.2. All versions has been included with the necessary page upload.]

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.2.2 Install Error Page

[This section is for reference only. the pages here has been pre-built by Section 1.2. All versions has been included with the necessary page upload.]

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.

What is Auto Post Helper & How to Install?
BlogrCart post editing helper - speeds up product listing.

1.3 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. This is important as most of the shopping cart functionalities & how the product displays depends on this template.

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

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.

2.0 Theme Overview

Theme Overview.
Explanations on custom configuration widgets & it's tasks.

2.1.1 BlogrCart Theme Set-up Overview

This BlogrCart template/theme comes with a custom build Configuration Blogger widget (aka Config) - really speeds up your Blogger powered e-store without touching a single code!. By adding parameter(s) with it's pairing value(s), activates/or customize the required set-up you only require.

Blogrcart Theme/Template Terminology

Terms	Description	Values
Config	Refers to the dedicated configuration widget which comes pre-installed with #blogrcart theme. In general, this theme helpers are located at `Blogger Dashboard` > `Layout` > Scroll to bottom of the Layout screen. Config widgets are specifically designed to dedicated theme primary/secondary/support functionalities & only accepts pre-defined parameters & custom values listed in theme detail settings table. The Config widgets does not store data externally & embed in theme using specified attributes. Javascripts & jQuery is used intensively to extend the functionalities incorporated with this theme without users to edit codes for setups/customization..	Varies - values ranges from numbers to integers.
Parameter	A unique `Config widget` name tags. Uses underscores "_" as name spacing & required to be included at the `Link Name` field to specify #blogrcart theme for custom changes. `Parameter` inserted/included are in no particular order ( unless otherwise stated ), If duplicates when adding parameter & value, the newest or top most ( in Config widget sequence ) parameter & value pair saved is accounted for. Spelling errors, spaces in parameter & other non related characters will be ignored.	Pre-defined
Value	The value users required to set which is attached to the dedicated `Parameter` for a `Config widget`. This value varies & details can be referenced at the `Config widget` table.	Pre-defined with reference values
Primary Config Widgets
Theme Config	The `Config widget` which handles how theme displays & theme add-on highlight & functionalities. Theme functionalities includes, column display, image slider settings, related section displays, add-on plugins etc	Pre-defined with reference values
Store Config	The `Config widget` which handles general & detail store settings. functionalities includes store shopping cart set-up, tax settings, shipping settings, Paypal checkout settings etc.	Pre-defined with reference values
Email Config	The `Config widget` which handles Send Order email checkout. The store functionalities includes send order email checkout activation, send email notification, custom email text, return page urls etc,	Pre-defined with reference values
Connected Config Widgets
Shipping Config	This Config widget handles shipping by average weight set-up if `shipping_method: shippingCustom` ( refer Shipping Set-up section ) is activated. This widget works with `Store Config & Shipping Options` widget ( if `shipping_method: shippingCustom` is activated )	Pre-defined values
Shipping Options	The configuration widget to map out unlimited shipping charges to weight value options that will be displayed at checkout section. The value required has an easy to work specified mark-up.	Pre-defined mark-up with additional customize values.
Currency Options	The `configuration widget` to insert unlimited currency options used with/at store checkout. This currency option will only be assigned to/activated if at `Store Config` > parameter `currency_rates` with a value of `true` is saved. Auto calculate currency based on the saved currency rates upon users selection. If this options is selected automatically update shopping cart, prices, shipping, tax & totals if activated. Pre-defined store rate with a value of 1 is required as store first currency option before extending to unlimited options to available currency used. A set of options is required at this configuration widget if Paypal `currency_to_convert` ( Refer Paypal section ) option is activated. This widget & saved data used to fetch the currency rate for Paypal checkout conversions.	Pre-defined 1st option with additional customize values.

What is Config Widgets?
BlogrCart custom configuration widgets overview.

2.2 Config Widget Overview

Below is an example for a Store Config (highlighted in box yellow) widget where parameter (highlighted in box red) & value (highlighed in box blue) is entered to set-up or customize the available Store checkout configuration settings.

Title
The Config widget title specified to insert the Parameter & Values usages where it is applied to. No changes required.

Add Link Button
Used to save & update the entered Parameters & Values.

Edit Link
Used to edit or update any Parameters & Values that has been saved with Config widget.

Delete Link
To delete any Parameters & Values set with Config widget.

Save Button
To save the Config widget & use the available settings entered/saved for Parameter & Values

Setting up your store.
BlogrCart available settings overview.

2.3 Setting Up Your Store

To set-up your store is made easy just by inserting the parameter listed here with the required/optional values using the dedicated Config widgets. The parameters will always be made available to be activated & customized just as long as the Config widget is intact with theme.

The default settings given has always considered users environment & the customization is provided for you to extend the existing functions for personalisation purposes.

For Freemium theme, some of the available parameters is de-activated but as-is the theme is workable & extendable. This version lets users to get acquaintance with this BlogCart shopping cart Blogger store theme on the many functionalities available right at your fingertips.

Configurations highlighted in blue is the required BASIC set-up for your BlogrCart store.
Over 70+ customization made available.

Call the customization you only require! Default setup has been included in making sure your theme runs upon first install.

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.

Table of Contents