This section here is included with theme add text using assigned widget.

Shopping Cart Details


Order Details Amount

Updated Totals in:
[]

Delivery/Shipping
GRAND TOTAL:

Please choose a checkout option.
No personal data required.

Send in Orders

It's Quick & Easy! Details here will not be published.

Please include messages to us here.

This is a send order note editable!

[Text editable @Blogger Layout]

Checkout

[Text editable @Blogger Layout]

Popular Posts

BlogrCart MNMLIS Blogger template is featured at Blog Lovin' & at Kaizentemplate - The Greatest in Rebuild Blogger Templates.

Tutorial (MNMLIS Ver. 1.0) Custom Shipping Charges by Weight Option BlogrCart MNMLIS

  


BlogrCart MNMLIS blogger theme uses pretty much the basics for an e-commerce website. Although there are some limitations with Blogger, setting up a professional like on-line store & market your products is much more easier & cost effective.

By popular demand, a new plug-in is introduced at BlogrCart MNMLIS theme. Automated calculated shipping cost by average weight for items in cart with alert handlers comes pre-installed.



Below is an example mark-up to handle the selection option when shippingCustom is activated at BlogrCart MNMLIS theme.

<select class='form-control' data-maxweight='10.0' id='shippingSelect'>
<option data-avgweight='0.25' data-weightmetric='kg' value='N/A'>-Please Choose-</option>

<option data-avgweight='0.25' data-weightmetric='kg' value='0.5=7;1.0=9;1.5=12;2.0=14;2.5=22;3.0=24;3.5=27;4.0=30; 4.5=32;5.0=35;5.5=38;6.0=40;6.5=43;7.0=46;7.5=48;8.0=51;8.5=53;9.0=56;9.5=59;10.0=61;'>Within S. Malaysia, Within Sarawak, Within Sabah</option>

<option data-avgweight='0.25' data-weightmetric='kg' value='0.5=9; 1.0=13; 1.5=17; 2.0=21; 2.5=26; 3.0=40; 3.5=44; 4.0=49; 4.5=53; 5.0=58; 5.5=62; 6.0=68; 6.5=72; 7.0=78; 7.5=82; 8.0=88; 8.5=90; 9.0=95; 9.5=100; 10.0=105; '>S. Malaysia to Sarawak</option>

<option data-avgweight='0.25' data-weightmetric='kg' value='0.5=10;1.0=15; 1.5=20; 2.0=26; 2.5=41; 3.0=47; 3.5=52; 4.0=57; 4.5=63; 5.0=68; 5.5=74; 6.0=79; 6.5=85; 7.0=89; 7.5=96; 8.0=100; 8.5=106; 9.0=110; 9.5=116; 10.0=121; '>S. Malaysia to Sabah</option>

<option data-avgweight='0.25' data-weightmetric='kg' value=''>Others (Please state in message box)</option>
</select>

For each <select> <option> the values from attributes data-* is used to handle the options & calculates at shopping cart summary section.


Understanding the Custom Shipping Functions


  • The custom shipping functions uses the data-* attributes values as data for finding the weight value to shipping rate pairs in each option value="" string.
  • The function pre-calculate the total weight of items in cart by multiplying the items quantity with the data-avgweight set in each option. This total cart weight value is rounded to the nearest .5 value to search for a round up weight to shipping rate pairings provided at the option value data.
  • For instance if the total cart weight is 8.3, then the function will round the total weight value to the nearest .5 which would be 8.5. Then the custom function will search the value data in the option and when match found, extracts its shipping rate pairing. Same principles if the total item weight is 4.8, then it will round up to 5.0. Then the function searches the shipping rate pairing for 5.0.

Understanding the custom functions is important, as it would be the basis to map blog store owners custom option value for the weight to price pairings.


Let's break the mark-up one by one.

Below is the default option. Required to handle usages if select option is not in used. No customization required.

<option data-avgweight='0.25' data-weightmetric='kg' value='N/A'>-Please Choose-</option>

Replace/edit the data-* values (highlighted yellow) for custom shipping settings. Details value references below.

An example option mark-up broken down into individual lines as follows:-

<option
data-avgweight='0.25'
data-weightmetric='kg'
value='0.5=7;1.0=9;1.5=12;2.0=14;2.5=22;3.0=24;3.5=27;4.0=30; 4.5=32;5.0=35;5.5=38;6.0=40;6.5=43;7.0=46;7.5=48;8.0=51;8.5=53;9.0=56;9.5=59;10.0=61;'>
Within S. Malaysia, Within Sarawak, Within Sabah
</option>

Weight Metric (kg or lb) - Required

The weight metric that is used for the items in cart, The data-weightmetric='kg' indicates that kg (kilograms) is used. This weight metric will render/display at shopping cart summary when a shipping option is selected.

Currently  weight metric only supports kg or lb (pounds). Other weight metric is not tested but we love to here your feedback. Or, share it here in the comment section below.


Average Weight - Required

Average weight means the average weight per item in cart. Used at data-avgweight='0.25' . In this example 0.25[weightmetric] is the average weight per items in cart. In this case 0.25kg (kilograms) is the average weight for an item in cart.


Weight & Shipping Rate Values - Required

Here is an example of a weight to shipping rate pairing (highlighted in yellow, cyan & green).

value='0.5=7;1.0=9;1.5=12;2.0=14;2.5=22;3.0=24;3.5=27;4.0=30; 4.5=32;5.0=35;5.5=38;6.0=40;6.5=43;7.0=46;7.5=48;8.0=51;8.5=53;9.0=56;9.5=59;10.0=61;'

A weight & shipping rate pairing values as follows highlighted yellow 0.5=7; Each pairing must begin with a weight value (0.5) equals (=) a rounded shipping rate value (7) and ending with a colon as separator (;)

The next occurring value will have a weight increase by .5 paired with next rounded shipping rate value (without decimal points).

In laymen terms, if items calculated in cart (average weight x cart item quantity) equals or does exceeds 0.5[weightmetric] , the shipping rate is 7[currency].

The same example for highlighted in cyan. If the items in cart weighs equal 5.0kg but does not exceeds the next weight increase (5.5kg) the shipping charges is RM35.00.

The format for extracting the weight to shipping rate value pairs is as follows:-

[integer in one decimal point]=[integer rounded];[next increase integer in one decimal point]=[next increase integer rounded];

This is important as the function searches a match weight value by one decimal point to differentiate with the shipping rate pairs. All weight values are ascending rounded to 0.5 values begining at 0.5 onwards.

Each format pairings ends with a colon (;) to separate the occurring (next increase) value pairs.

An example shipping to weight pairing is included as reference & can be used for Malaysia's Postlaju services. The shipping rate values (amount/charges) is extracted from PostLaju services website.


Option Text Displayed - Required

The text to display at the select drop down options. An example is highlighted magenta at the above mark-up.


Adding More Options

Adding more options for custom shipping is endless. Use tthe same technique and markup-ups to add options. Several working examples is also included in BlogCart MNMLIS theme.

Which means:-

  1. This shipping by weight have unlimited options of choices depending on preferred service providers. Adding one option shipping by weight using Provider A, or create another option for a service Provider B.
  2. Unlimited shipping by weight select options depending on locations or zoning. For example adding one option for weight by value shipping for Zone X & another select option for Zone Y.
  3. Or add both types of options selection (Provider , Zoning, Provider by Zoning) in one select options. This way gives more selection for your users.  
  4. The price pairings can be used in unlimited number of integers without trailing decimels (rounded) as values, for instance using Rupiah or Rupee thousands ie 15,000 using 15000 is sufficient.

Error Handling Helpers

This custom shipping by weight select option comes with error handling. Below is the brief description on the Error handler events:-
  • If user select option value="N/A", an alert event will occur with the custom error text. The checkout button & form will automatically hide.
  • If blog owner has an empty option value ( value="" ), an alert event fires with a custom error text. The checkout button & the form displays.
  • If there is a formatting error at the weight to shipping rate value pairs, an alert event will fire to indicate which value pairs has error(s).
  • If a data-weightmetric is not set ( data-weightmetric="" ), the data values will not display.
  • If a data-avgweight is not set ( data-avgweight="" ), an alert event fires indicate values not found.


Quick Notes:-

  1. Spaces in value pairings strings has no effect to calculate(or find) the shipping rate.
  2. Special characters & alphabets can not be used.
  3. Weight values always with a single decimal rounded format of .5 increase (ascending)
  4. Shipping rate values are rounded. Decimal point will throw errors.
  5. Weight values must increase by 0.5 with the lowest value is 0.5. The increase is as follows using kg as weight metric: 0.5kg, 1.0kg, 1.5kg, 2.0kg, 2.5kg etc.
  6. Each weight values must have a single decimal point. Other than that it may return errors.
  7. Leave option value='' empty to allow manual shipping rate & users can continue sending orders.
  8. The maxWeight values must equals the same values as highlighted in red at the above mark-up. In the example 10.0 set to the maximum weight at shopping cart.
Currently this demo is using Intense Debate commenting system. By default Blogger comment system is activated.




New Updates?

Theme Updates

Customizing?

Tutorials

Need Help?

Theme Support

Download Here!

Get This Theme!

This is the ads-section included with theme.

Info Section Text

[Text editable @Blogger Layout]

Product Status Indicators

Please find below the product status at our on-line store:-

  • BEST BUY - Value buy products.
  • NEW - Recently launched products.
  • OUT OF STOCK - Product not available for purchase.
  • RETIRED - The products has been retired/terminated.

Delivery

At our on-line store, we use these following facilities to ensure products delivered safely & secured to you:-

West Malaysia

  • Pos Laju
  • CityLink Express
  • SkyNet

Sarawak & Sabah

  • Pos Laju
  • Air Mail

Other Countries

  • We will contact & assist you with the lowest budget fast delivery services.

How To Order

  1. View products listed at our online store. Select appropriate color/size & options & click "Add to Cart".
  2. You will be guided to your order summary. Select the delivery option required.
  3. Once selected, you will be headed straight to the send order form.
  4. Fill in the form at the required fields. No personal data required here.
  5. Click "Send in Orders" and your orders is sent instantly! Please check your email inbox for your order copy.

Reviews/Comments

  1. Reviews & comments listed at our website does not reflect Administrator's opnion(s).
  2. Reviews & comments listed by readers/users of this website is based on their own personal opinion(s).
  3. SPAM, deep-linking, troll reviews & comments will be deleted & banned/blocked.

Cookies & Cache

  1. We use cache, cookies & front end browser storages to help us with users experience at our website.
  2. These are temporary data(s) & users/visitors can opt out of using it at our site. But upon ordering, the datas is used to help guide you to send in your orders safely securely. We recommend you "Allow" or "Activate" cache & cookies when browsing our website.
  3. Detail informations on website's Privacy Policy & Services Terms can be viewed here at our website. We highly recommend you take a look & read what we can offer to our users.

General Notes:

  1. By clicking "Add to Cart", you have understood & read in full the products offered.
  2. Colour or colour combo for products might be slightly different due to screen resolution, product photography etc. We ensure you that the product listed is genuine as described.