A simple product page, users can customize fonts, color, background colors using Blogger Designer Template mode. Select & click to your desire custom selection & watch the changes live. This is the short description for any product post. Write a short description for the product here in not less than 350 words. This will create a unique content for your product hence giving the extra boost from search engine results. Use Blogger "Remove Formatting" functions to remove copied & paste texts alignment, fonts, text colour & text styles. Use table #1 (above) for product Main Image. Insert Image & removing using Blogger editor features. Use table #2 (current) for product descriptions & texts. Use table #3 (below) to add in supporting images. Please insure that the thumbnail images is set to small. Use "Jump Break" AFTER table #2 (current) or BEFORE table #3 to prevent Auto Pagination. By default the "Jump Break has been assigned. Edit & remove sample texts if not in use. Option size & colour only available on PRO versions. Get 1 now!

$ 232.00

Colour:Choose White Black Red

Size:Choose Small Medium Large

Qty: Add to Cart

Features

Pure ediitng using Blogger native gadget/widget, at Layout, there are tonnes of customization offered by this blogger store theme. This is the short description for any product post. Write a short description for the product here in not less than 350 words. This will create a unique content for your product hence giving the extra boost from search engine results. Use Blogger "Remove Formatting" functions to remove copied & paste texts alignment, fonts, text colour & text styles. Use table #1 (above) for product Main Image. Insert Image & removing using Blogger editor features. Use table #2 (current) for product descriptions & texts. Use table #3 (below) to add in supporting images. Please insure that the thumbnail images is set to small. Use "Jump Break" AFTER table #2 (current) or BEFORE table #3 to prevent Auto Pagination. By default the "Jump Break has been assigned. Edit & remove sample texts if not in use. Option size & colour only available on PRO versions. Get 1 now!

$ 34.00

Colour:Choose White Black Red

Size:Choose Small Medium Large

Qty: Add to Cart

On Sale

Now made easier to publish product & create a blog article with BlogrCart MNMLIS theme. Use the pre made Auto Post Template to publish products or delete all and edit as usual to publish a blog article. This is the short description for any product post. Write a short description for the product here in not less than 350 words. This will create a unique content for your product hence giving the extra boost from search engine results. Use Blogger "Remove Formatting" functions to remove copied & paste texts alignment, fonts, text colour & text styles. Use table #1 (above) for product Main Image. Insert Image & removing using Blogger editor features. Use table #2 (current) for product descriptions & texts. Use table #3 (below) to add in supporting images. Please insure that the thumbnail images is set to small. Use "Jump Break" AFTER table #2 (current) or BEFORE table #3 to prevent Auto Pagination. By default the "Jump Break has been assigned. Edit & remove sample texts if not in use. Option size & colour only available on PRO versions. Get 1 now!

$ 32.00

Colour:Choose White Black Red

Size:Choose Small Medium Large

Qty: Add to Cart

Features

This is an example description. Add description by editing this area. Simple, quick easy steps to publish your product online & sell professionally at lower costs & shorter time frame. Required description min 350 chars. This is an example description. Add description by editing this area. Simple, quick easy steps to publish your product online & sell professionally at lower costs & shorter time frame. Required description min 350 chars.

$ 32.00

Colour:Choose White Black Red

Size:Choose Small Medium Large

Qty:Add to Cart

On Sale

Now blogrcart theme collection is providing more room & space for blogshop owners & on-line sellers at their live demo theme, just like this.Build up more sales momentum & leads directly to you, as our token of appreciation for the ongoing support!

What are Theme Partners?

Theme partners is where we provide space for you to display your product(s) here at any of our blogger theme collection. Easily expand your product promotion & build more sales & targeted audience, just like our PRO theme sells world wide!

What are the Benefits?

• BlogrCart blogger themes has more than 20K unique visits from around the world daily! A good opportunity for you to showcase your product(s) & self promote at our theme collection.
• All product links & credits is directly to you as the product owner. Display your product at our theme & users shop directly at your store (or anywhere your prefer).
• Strong follower & active user base - our blogger theme is also active as reference for tutorials & theme installs - repeated visits by targeted audience.
• Featured at theme mailing list - with more than 1.5K targeted subscribers, expand your brand awareness & offerings or share your product updates for free.
• Feature your direct Social Media profile at theme pages (where plug-in available) with direct liking back to you.
• Our theme collection are displayed in top search engine results pages (SERP's) for targeted keyword(s) - more visits to your product when displayed.
• BlogrCart theme collection is backed by a reputable team highly rated & awesome response by users from around the world - help build more confidence for your online presence.
• Rotate, change or update product listing weekly - more product(s) to promote in between slots.
• Your product will be displayed amon top rated products/product owners. Utilize the potential, build more confidence & awareness to your future customers, when you or your product(s) is featured at a reputable brand just like BlogrCart.
• Build your on-line reputation quickly & backed by team of experts in their the field. 
• Your product listing will be shared & viewed by the thousands theme followers & friends which automatically helps build your on-line reputation.

For whom this is best for?

This theme partnership works best for newly set up online stores or blogshops. It helps build more exposure for your a listed product & help support product owner on-line reputation.

For existing store owners, it really helps to expand your product awareness & build more sales lead to targeted audience as basically Blogrcart theme users are also active on-line purchasers.

How to get a slot?

Email us directly at support[at]irsah[dot]com & we could discuss the right slot to expand your brand. You can also contact us here at our blog.

Any conditions applies?

1. We allow & select only 5 product owner for a demo blogger store theme.
2. Each slot for a product owner is open monthly. 
3. Update product listing for a slot is weekly. 
4. Any submission for changes & updates will be executed on Friday of each week.
5. Product owner will 1 (one) slot displayed as image slider (homepage) & 4 slots displayed as an example product post. 
6. The product post image, product title, product price & description with direct links to purchase the product at your shop/store (or where you request).
7. All product displayed will be rotated in the front page (theme homepage) to allow exposure to product listing & theme existing pages.
8. All product listing will have acknowledgement to product owner including all text & images provided.
9. We only allow family oriented products with quality product image(s) to display & showcase.
10. We do not claim for the product (text, images, reference) you display at our theme collection. All direct inquiries to us will be redirected to you.
11. Your social network feed will be displayed (where the plug-in is available) & rotated weekly with other slot owners.
12. All product displayed is for 1 theme & not displayed or shared between other theme collection.
13. We reserve the right to disallow any image (or images) submitted for product listing which is not up to the quality & standards for the theme. 
14. The 20% text to image rule applies - general rules used by social media ads.

The send order e-mail & Paypal checkout comes pre-installed with BlogrCart template. The customization functions have been grouped together at bottom of theme/template codes to optimize page display & follows current webpage best practices (loading JavaScript/jQuery HTML mark-ups where possible).



Below is the full tutorial to install, edit & customize BlogrCart MNMLIS Blogger theme. This step-by-step guide will show the IMPORTANT parts to edit accordingly to Blogger store owners personal preferences.

Use the quick links below to navigate instantly to the required settings. Use the arrow button to guide you back here.

1.0 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 codes
3. License & general instructions in readme.txt file 

Download PRO version here Download PRO VERSION [FULL]
In this download, you will get below files:-

1. Full blogger theme/template codes.
2. Pre-made product posts & handler pages.
3. Auto Post Templates codes
4. License & general instructions in readme.txt file 
5. Theme icons.

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

Once done, preview your new template.

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

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.

2.0 Install Pre-made Pages [PRO Theme]

For BlogrCart MNMLIS PRO users, the template files comes with license, template file & theme Pages. PRO users can build quickly sample Product Pages including the Send Order page, Success page & Error handling Page. 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.

3.0 Install Pages

3.1 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.

3.2 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.

4.0 Install Auto Post Template

[PRO users can skip this section.]

[Update: FREEMIUM users has been included the codes below at download files.]

An Advance Auto Product Post Template included in theme download. Use & install.
A fully customized auto post template comes pre-included with BlogrCart templates. This is 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" cellpadding="5" class="product-image" rules="all">
  <tbody>
   <tr>
      <td class="thumb_image">
        <div class="separator" style="clear: both; text-align: center;">
          <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3noWbMcbfOCrsUxqudWtub4DsHlXI_q1N2NEXeHtEmfo6n89IxOXltibP0AK318oB3u1vbl7AHARGq0Afs3WnlNDDaF3aIRAJioCbCgcRGkczYNJCblQkqXktmtA1Ki9oY8d0nZa__Ds/s1600/GrassGreen_W_B.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3noWbMcbfOCrsUxqudWtub4DsHlXI_q1N2NEXeHtEmfo6n89IxOXltibP0AK318oB3u1vbl7AHARGq0Afs3WnlNDDaF3aIRAJioCbCgcRGkczYNJCblQkqXktmtA1Ki9oY8d0nZa__Ds/s1600/GrassGreen_W_B.jpg" /></a>
        </div>
      </td>
    </tr>
  </tbody>
</table>
<table border="1" cellpadding="5" class="product-description" rules="all">
  <tbody>
    <tr class="label-description">
      <td class="item_description">
This is the short description for any product post. Write a short description for the product here in not less than 350 words. 
This will create a unique content for your product hence giving the extra boost from search engine results. 
Use Blogger "Remove Formatting" functions to remove copied &amp; paste texts alignment, fonts, text colour &amp; text styles.
<br />
<br />
Use table #1 (above) for product Main Image. Insert Image & removing using Blogger editor features.
<br />
Use table #2 (current) for product descriptions & texts.
<br />
Use table #3 (below) to add in supporting images. Please insure that the thumbnail images is set to small.<br />
Use "Jump Break" AFTER table #2 (current) or BEFORE table #3 to prevent Auto Pagination. By default the "Jump Break has been assigned.<br />
<br />
<b>Edit &amp; remove sample texts if not in use.</b><br />
Option size &amp; colour only available on PRO versions. Get 1 now! 
      </td>
    </tr>
  </tbody>
</table>
<table border="1" cellpadding="5" class="product-price" rules="all">
  <tbody>
    <tr><td class="item_price h4">$ 32.00</td></tr>
    <tr class="label-add"><td><label>Qty:</label>
      <input class="item_quantity form-control" size="1" type="text" value="1" />
      <a class="item_add btn btn-default btn-custom" href="javascript:;">Add to Cart</a>
    </td>
</tr>
  </tbody>
</table>
<!--more--><!-- start tab panel --><br />
<div class="product-detail product-tabs" role="tabpanel">
<ul class="nav nav-tabs text-center" role="tablist">
  <li class="active" role="presentation"><a aria-controls="tab-section-0" data-target="#tab-section-0" data-toggle="tab" href="javascript:;" role="tab"><i class="fa fa-image fa-lg fa-fw"></i>  <span class="hidden-xs">Image</span></a></li>
</ul>
<div class="tab-content">
<div class="tab-pane fade in active" id="tab-section-0" role="tabpanel">
<table border="1" cellpadding="5" class="product-thumbnail" rules="all">
  <tbody>
    <tr>
      <td><div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcxf4yq-jy6LXSyiyfs-5QQvS6w5iryCLnC0ENqnSzpxS1PtMGbxuuHWa8JffoWPesexc_fM195fCi1O4LhHyEWsdgp3b_e-iwf1KHV0jJQ8myzWmTsVhHna1keWk2a_6Z-Lk19yA3jqv0/s1600/GrassGreen_M_B.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgcxf4yq-jy6LXSyiyfs-5QQvS6w5iryCLnC0ENqnSzpxS1PtMGbxuuHWa8JffoWPesexc_fM195fCi1O4LhHyEWsdgp3b_e-iwf1KHV0jJQ8myzWmTsVhHna1keWk2a_6Z-Lk19yA3jqv0/s200/GrassGreen_M_B.jpg" width="128" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4Og5QHzlaPiQlJMnu9n80IKeau3PWyPPGVDtoNN2wQ1k57lm0chWUkDCIEo35Q7jNaFd0msz71Q-RU04Gib9wvrxblCucvQy1UiwCDdDIcp5cEyMefuZgmZP8hHLaEyrk5kHtBmFDGWNs/s1600/GrassGreen_M_S.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4Og5QHzlaPiQlJMnu9n80IKeau3PWyPPGVDtoNN2wQ1k57lm0chWUkDCIEo35Q7jNaFd0msz71Q-RU04Gib9wvrxblCucvQy1UiwCDdDIcp5cEyMefuZgmZP8hHLaEyrk5kHtBmFDGWNs/s200/GrassGreen_M_S.jpg" width="88" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzGU4Rvl8Yqdyt7cfoEkSb_vhz96bhAOwJlJ-FuqwhkRqKtKL3K6LMx9kUEAdyrasdRkIfoGqR-LUIZ-bpbqNlNs2lhCIMbszDcZ2hCc79VJX9r6lE0rixPC0LyljceEIdArILh1qttmSb/s1600/_DarkChocolate__________________M_F.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzGU4Rvl8Yqdyt7cfoEkSb_vhz96bhAOwJlJ-FuqwhkRqKtKL3K6LMx9kUEAdyrasdRkIfoGqR-LUIZ-bpbqNlNs2lhCIMbszDcZ2hCc79VJX9r6lE0rixPC0LyljceEIdArILh1qttmSb/s200/_DarkChocolate__________________M_F.jpg" width="139" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFSCNtr4NRV0BL8sw1pycbM_Qo1E5g1cmiksbcZXpBrbm1OOvlg_hra6BHog_5JcXDeylO42EmyeNoKy37zy-FaX0LQ4TfdYNKmN1fyhllJn3ZWc2Dze6wmQEQil7bMVFYDZVnyIKt1h-8/s1600/DarkChocolate_M_B.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFSCNtr4NRV0BL8sw1pycbM_Qo1E5g1cmiksbcZXpBrbm1OOvlg_hra6BHog_5JcXDeylO42EmyeNoKy37zy-FaX0LQ4TfdYNKmN1fyhllJn3ZWc2Dze6wmQEQil7bMVFYDZVnyIKt1h-8/s200/DarkChocolate_M_B.jpg" width="124" /></a></div>
      </td>
    </tr>
  </tbody>
</table>
</div>
</div>
</div>
<!-- end tab panel -->

The auto template comes with a price field, a product thumbnail field, supporting product image 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 tab functionalities, 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.

5.0 Customizing Shopping Cart Functions

Plug-in Location

All shopping cart detail functions & customization is included in template. Each functions is tagged & detailed out with examples for future editing purposes.

All add on functions & plug-in libraries is located at HTML99 widget unless otherwise stated. Pre-compressed for optimization & human readable[*].

Below are the general guidelines to customize this theme. Follow these simple editing steps to get your Blogger store running in minutes!

5.2 #2 Currency Settings

This section is to customize your Blogger store shopping cart currency. More than 30 short codes (or pre-sets) have been allocated to customize. The currency pre-sets is as follows:-

* Available pre-set currencies
* Currencies supported by Paypal 
* Ref: https://developer.paypal.com/docs/classic/api/currency_codes/
code: "USD" "US Dollar",
code: "AUD", "Australian Dollar",
code: "BRL", "Brazilian Real",
code: "CAD", "Canadian Dollar",
code: "CZK", "Czech Koruna",
code: "DKK", "Danish Krone",
code: "EUR", "Euro",
code: "HKD", "Hong Kong Dollar",
code: "HUF", "Hungarian Forint",
code: "ILS", "Israeli New Sheqel",
code: "JPY", "Japanese Yen",
code: "MYR", "Ringgit Malaysia",
code: "MXN", "Mexican Peso",
code: "NOK", "Norwegian Krone",
code: "NZD", "New Zealand Dollar",
code: "PHP", "Philipine Peso",
code: "PLN", "Polish Zloty",
code: "GBP", "Pound Sterling",
code: "RUB", "Russian Ruble",
code: "SGD", "Singapore Dollar",
code: "SEK", "Swedish Krona",
code: "CHF", "Swiss Franc",
code: "TWD", "Taiwan New Dolar",
code: "THB", "Thai Baht",
code: "TUR", "Turkish Lira",
*
* Currencies not supported by Paypal but included as pre-sets
*
code: "BTC", "Bitcoin",
code: "INR", "India Rupee",
code: "IDR", "Indonesia Rupiah",
code: "NGN", "Nigeria Naira",
code: "VND", "Vietnam Dong",
code: "PKR", "Pakistan Rupee",

Insert a value='USD' and at data-code='USD' (example for US Dollar) using the currency pre-sets codes given above. An example for a preset currency settings is as follows:-

<input class='cartCurrency' data-accuracy='' data-after='' data-code='USD' data-decimal='' data-delimiter='' data-name='' data-symbol='' type='hidden' value='USD'/>

Currency not listed?

If however the currency of choice is not listed as pre-sets, or blogger store owners require to activate a custom currency at this section.

Activate the custom currency by replacing value='USD' to value='custom' & edit the related data-* values required. Example for custom currency settings as follows (for Ringgit Malaysia)

<input class='cartCurrency' data-accuracy='2' data-after='false' data-code='MYR' data-decimal='.' data-delimiter=',' data-name='Ringgit Malaysia' data-symbol='RM ' type='hidden' value='custom'/>

A value='custom' is required to activate the custom currency settings. Edit the data-* attributes values (highlighted in cyan) accordingly. The above custom settings is to activate a Ringgit Malaysia currency for this theme.

5.3 #3 Shipping & Tax Rate Settings

This section is used to customize shopping cart shipping/delivery methods/rates & the tax rate to apply. This section also allows store owners to activate a custom shipping/delivery just like the example used at this demo.

Shipping can be used in 4 different methods for calculation:-

1. shippingFlatRate - A flat rate shipping, when activated, the integers at data-shippingrate is used as the shipping rate value.
2. shippingQuantityRate - A quantity based shipping for items in cart, when activated data-shippingrate value is used.
3. shippingTotalRate - A fixed total rate in percentage based of the total amount in cart, when activated data-shippingrate will be used as value. 
4. shippingCustom  - A custom rule based on average weight of items in cart, when activated the  data-value* from the select options at checkout summary is used. [PRO]

Read the required settings to customize your shipping rate & tax rate values.
Detail explanation for shippingCustom is covered in theme codes & also at this demo site.

Example setting up a shipping by total rate settings. Say you require 5% of the total amount in cart to add in as shipping charges. So the value to insert here would be 5/100 = 0.05.

<input class='shippingMethod' data-shippingrate='0.05' data-taxrate='0.06' data-taxshipping='false' type='hidden' value='shippingTotalRate'/>

By keying the value='shippingTotalRate' activates this shipping method & uses 0.05 (or 5%) from cart totals as the shipping charge.

Same value calculations used for the tax rate highlighted cyan. 0.06 equals 6% of the totals in cart as the tax charges.

5.4 #4 Paypal Settings

This section is used to checkout at Paypal. A registered e-mail address at Paypal is required. Users can also use Paypal sandbox mode to simulate transactions at Paypal. In addition, the return Url's at section 5.5 is used to handle transactions at Paypal.

<input class='paypalSettings' data-email='your_email@some_mail.com' data-sandbox='false' type='hidden' value='true'/>

Highlighted yellow is the email used at Paypal.

Set the data-sandbox to true if you require to make some tests using Paypal's sandbox feature.

Set the value='false' to deactivate/remove the Paypal checkout button at checkout section.

5.5 #5 Page Handlers

This section covers the page handlers for send order email [#6] & Paypal [#4]. The settings here are self explanatory. URL's from Section 3.1 & 3.2 is required here.

An example mark-up for editing is as follows:-

<input class='returnUrl' data-error='http://blogstore-name.blogspot.com/p/error.html' data-success='http://blogstore-name.blogspot.com/p/success.html' type='hidden' value='true'/>

Insert the URL's from Section 3.1 at highlighted yellow.

Insert the URL from Section 3.2 at highlighted cyan.

5.6 #6 Send Order Email Settings

This section covers the send order email settings. The values for editing is self explanatory. Edit to store preferences.

An example settings for send order email is as follows:-

<input class='eStore' data-email='you@yours.com' data-name='MNMLIS Store' type='hidden' value='true'/>

<input class='eStoreBiz' data-address='123, Some Street, Some Town 123456 Some State, SOME COUNTRY.' data-contact1='0123-12345678' data-contact2='0123-12345678' data-contact3='0123-12345678' data-name='MNMLIS Ltd. (MY)' type='hidden' value='true'/>

<input class='eStoreNotes' data-note1='Note in Line 1.' data-note2='More notes in Line 2.' data-note3='Some more notes in Line 3.' data-note4='Last line for notes.' type='hidden' value='true'/>

<input class='eStorePay' data-pay1='Banking Name 1' data-pay1name='Name at Account 1' data-pay1number='1234567890' data-pay2='Banking Name 2' data-pay2name='Name at Account 1' data-pay2number='1234567890' data-pay3='Banking Name 3' data-pay3name='Name at Account 3' data-pay3number='1234567890' type='hidden' value='true'/>

Store name & email to receive the sent orders edit at highlighted yellow.

Edit blogger store preferences at highlighted cyan.

To add in additional notes per line basis at email body, edit the text highlighted green.

To add in banking instructions edit at highlighted orange. Note that data-pay1='*' data-pay1name='' and data-pay1number='*' acts in a single line when rendered at email body.

5.7 #14 Custom Shipping Selection [PRO]

This section is covered separately. Detail explanation & tutorial to use the custom shipping can be found here http://blogrcart-mnmlis.blogspot.com/2015/07/tutorial-custom-shipping-charges-by.html
.

Wait! There's More!

Find how to customize the many features pre-installed for BlogrCart MNMLIS theme here: http://blogrcart-mnmlis.blogspot.com/2015/07/tutorial-customize-blogrcart-mnmlis.html
Less code editing & publish your products in minutes!

Have a question or having some trouble?

Send it to us using this theme support page. Our team members would gladly assist you out.


*** Unless otherwise stated in theme/template listings.

This is the tutorial & guide to customize BlogrCart MNMLIS add on features. This page covers many of the functionalities offered & pre-installed for both freemium and PRO versions.

This tutorial & guide included customizing the image slider settings, related image slider settings, Instagram feed settings, Form Alerts handlers [PRO], Product Page tabs text [PRO], quick shop popovers [PRO] and more.



Use quick links below to guide you instantly to relevant tutorial required. Use the arrow buttons at any section to return to this quick links section.

1.0 Download &Install Template

If you do not have a copy of BlogrCart MNMLIS Blogger theme, download a copy right here for free.

Download FREE Version here

Download FREEMIUM VERSION

Download PRO version here

Download PRO VERSION [FULL]


UNZIP & 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.

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 over for best performance by going to Settings > Basic > Turn Off/Don't Show image zoom.


The shopping cart general settings is covered at this page: http://blogrcart-mnmlis.blogspot.com/2015/07/tutorial-guide-how-to-install-mnmlis.html

2.0 Customizing Theme Add-on Functions

Plug-in Location

All add on library functions is located at HTML99 widget unless otherwise stated. the libraries has been pre-compressed for optimization purposes. All codes are human readable[*] unless otherwise stated.

[*] For PRO theme theme downloads codes are human readable. Any ENCODED or NO-HUMAN READABLE CODES received will be reimbursed immeadiately GUARANTEED!

Detail add-on function & customization is located below.

2.1 #1 Related Product Slider Settings

The settings here is used at your product page, located below your product listings. This section will display the related products that have been published based on the Labels (tagged) that a post was set or assigned for, in Blogger editor.

View the detail data values required to customize your related product touch slider in the template codes where this section is applied to.

<input data-buttontext="&lt;i class=&quot;fa fa-info-circle fa-2x&quot;&gt;&lt;/i&gt;" data-currency="RM" data-currencyafter="false" data-defaultimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIfavDmOlDKoD7BHvx-3QcAoedimvGK1HqehZHrkUdcT-WENB-slfn3-3JfJw6mbaWMY3huiqSfee3QajKy2cz9E1lR3ZmEYN5qAIxCUZ10PboYwNOwqEoO6OEjy-nhxwu-khg8KZmThA/s1600/default_image.png" data-imagesize="240" data-maxresults="8" data-productstatus="true" data-relatedtitle="Recommended For You" data-showbutton="true" data-titlelength="40" id="related-product-settings" type="hidden" value="true" />

Replace/edit the data-* values (highlighted yellow) accordingly. Editing details for each data values is well documented in theme codes.

2.2 #7 Form Alert Settings [PRO]

An example where the editable areas is as follows:-

<input class='sendOrderAlertTxt' data-alerttext='Please check your order form. One or more errors occured.' type='hidden' value=''/>

Edit the values/texts at highlighted yellow.

2.3 #8 Quick Shop Settings [PRO]

A special feature to gain more leads when shopping on line at your Blogger store. The values are self explanatory. Edit to store preferences.

<input class='quickShop' data-buttonarrow='&lt;i class=&quot;fa fa-arrow-right&quot;&gt;&lt;/i&gt;' data-buttontext='View Details' data-charsamount='300' data-errortext='Quick shop is not functioning for this product.' type='hidden' value='custom'/>

Replace/edit the data-* values highlighted yellow to your custom settings.

2.4 #9 Cart Text Helpers [PRO]

Alert text displayed to enhance users shopping experience. The values are self explanatory. Edit to store preferences.

<input class='cartHelperTxt' data-cartaddedtxt='Success. Your selected product has been added to cart.' data-cartemptytxt='Currently your cart is empty.' data-cartshippinglimittxt='Weight exceeds shipping limit. Please continue sending your orders. We will contact you for alternative shipping assistance.' data-cartshippingtxt='Please choose a shipping destination.' data-cartshippingtxtother='Other shipping destination has been selected. We will contact you &amp; for the delivery rate based on your preferences. Please continue sending your orders.' type='hidden' value='custom'/>

Replace/edit the data-* values highlighted yellow to your custom settings.

Editing here uses text only. Line breaks

2.5 #10 Product Page Info Section [PRO]

A universal info section located below product listing pages (excluding Blog typed pages). Works great to included additional universal data & information for products. This section is used to edit the tab text displayed. The values are self explanatory. Edit to store preferences.

<input class='tabSectionSettings' data-tabsectioncomments='Reviews' data-tabsectioninfo='Informations' type='hidden' value='custom'/>

2.6 #11 Homepage Image Touch/Swipe Slider

Adding or uploading an image is easy using the default Blogger Image widget/gadget. Include image, caption & button text using the Image widget/gadget at Blogger Layout. Click edit to insert your images or to edit text to display.

This section is to customize the responsive image slider available settings. The values are self explanatory. Edit to store preferences. Example for the image slider transition settings is as follows.

<input class='imgSlider' data-autoplayspeed='4000' data-speed='400' type='hidden' value=''/>

Set the image slider transition speed in milliseconds at the highlighted areas.

2.6.1 Customizing & Adding More Slider Images, Titles & Call to Action Button

To include an image for the homepage slider, go to Blogger Layout & find Slider-Section and click Edit at the Image Gadget required for the slider image customization (highlighted in box cyan below). The details editing for an Image Gadget would be as follows:-

1. Title - The text to display as the slider image title.
2. Caption - The text displayed as a Call to Action button for this image slider.
3. Link - the URL to link your Caption (button) at image slider.
4. Image - Upload an image using the functions provided by the image gadget. Leave the checkbox empty. Best image size 1200px v 900px at 4:3 image aspect ratio below 150kb in image files size.
5. If you require to remove an image here, click the Remove link and upload another image of choice.
6. Click Save.

Continue editing the pre-installed Image Widget/Gadget (5 nos). When done, click Save Arrangements & view your Blogger theme slider section changes.

Users could also add in more slider images just by clicking Add a Gadget link. Then select another Image Gadget & rearrange the images accordingly by drag & drop the Image Gadget within the Slider-Section.

2.7 #12 Related Product Touch/Swipe Slider

Automated on every product page (including blog article pages). This section in template is to customize the slider available settings. The values are self explanatory. Edit to store preferences.

<input class='imgRelated' data-autoplayspeed='4000' data-slidestoscroll='1' data-slidestoshow='4' data-speed='400' type='hidden'/>

Set the image slider transition speed in milliseconds at highlighted yellow value. Set the amount of image to display at highlighted cyan value. Set the amount of image to scroll at highlighted green.

2.8 #13 Instagram Feed Settings

Display store current Instagram hashtag of choice based on various arrangements. For instance, most-popular, recent, most-liked etc. This section in template is to customize the Instagram Feed available settings. The values are self explanatory. Edit to store preferences.

Here is an example Instagram Feed preset settings at template.

<input class='igSettings' data-clientid='dd406b0991a94edb98ed8a795676532e' data-get='tagged' data-limit='21' data-resolution='thumbnail' data-sortby='random' data-tagname='blogshop' type='hidden'/>

For this above, the tagname (or hashtag name) blogshop , render 21 images from Instagram at random display.

Wait! There's More!

Find more easy customization features using Blogger Advance Template to change Logo text, background colors, font styles, border colors available for this theme. Also add in more widgets where the template section can be applied. Less code editing & publish your products in no time.

Find how to customize theme background, fonts, texts easily at this tutorial page: http://blogrcart-mnmlis.blogspot.com/2015/07/customize-bacgrounds-fonts-using.html

Have a question or having some trouble?

Send it to us using this theme support page here. Our team members would gladly assist you out.