DEMO STORE : http://www.supercopymania.com/

Pertama agan instal dolo Magento Ext nya dari
JNE EXT

lalu setelah install masuk ke Confrugasi Extensionnya upload file csv ini

JNE CSV

Lalu edit Magento Template Anda Seperti Cara di bawah ini

1. Download ke dua file ini
Cities.js
dan
Jquery.js
2.Masukan Data itu ke
/skin/frontend/[yourpackage]/[yourtemplate]/js/
3. buka checkout.xml di /app/design/frontend/[yourpackage]/[yourtemplate]/layout atau bisa juga di /app/design/frontend/base/default/layout (not recommended).

cari

<!--

One page checkout main layout

-->

dan tambahkan kode di bawah ini di barisan reference2 yang ada.

<reference name="head">

 <action method="addItem"><type>skin_js</type><name>js/jquery.js</name></action> <!-- jangan lupa namanya disesuaikan bro! -->

 <action method="addItem"><type>skin_js</type><name>js/cities.js</name></action>

</reference>

4.buka billing.phtml dan shipping.phtml di /skin/design/frontend/[yourpackage]/[yourtemplate]/template/checkout/onepage/atau, sekali lagi, di /app/design/frontend/base/default/template/checkout/onepage/ atau app/design/frontend/base/default/template/persistent/checkout/onepage (not recommended)

billing.phtml
cari bagian ini.

<input type="text" title="<?php echo $this->__('City') ?>" name="billing[city]" value="<?php echo $this->htmlEscape($this->getAddress()->getCity()) ?>" class="input-text required-entry" id="billing:city" />

ganti jadi

<select id='billing:city' title="<?php echo $this->__('City') ?>" name='billing[city]'>

 <option value='<?php echo $this->htmlEscape($this->getAddress()->getCity()) ?>'>Select City</option>

</select>

tambah kan script ini di bagian paling bawah di billing.phtml

[removed]

 //<![CDATA[

 jQuery.noConflict();

 jQuery(document).ready(function(){

 jQuery('select[name^=billing\\[region]').change(function() {

 var reg_id = jQuery(this).val();

 jQuery('select[name^=billing\\[city\\]] option').remove();

 jQuery.each(cities, function(index, value) { 

 if (index.substr(0,3) == reg_id) {

 jQuery('select[name^=billing\\[city\\]]').append('<option value="' + index.substr(4) + '">' + value + '</option>');

 }

 });

 });

 });

 //]]>

 [removed]

shipping.phtml
cari bagian ini.

<input type="text" title="<?php echo $this->__('City') ?>" name="shipping[city]" value="<?php echo $this->htmlEscape($this->getAddress()->getCity()) ?>" class="input-text required-entry" id="shipping:city" onchange="shipping.setSameAsBilling(false);" />

ganti menjadi

<select id='shipping:city' title="<?php echo $this->__('City') ?>" name='shipping[city]'>

 <option value='<?php echo $this->htmlEscape($this->getAddress()->getCity()) ?>'>Select City</option>

</select>

dan sama dengan billing.phtml tambahkan script ini paling bwah on shipping.phtml

[removed]

 //<![CDATA[

 jQuery.noConflict();

 jQuery(document).ready(function(){

 jQuery('select[name^=shipping\\[region]').change(function() {

 var reg_id = jQuery(this).val();

 jQuery('select[name^=shipping\\[city\\]] option').remove();

 jQuery.each(cities, function(index, value) { 

 if (index.substr(0,3) == reg_id) {

 jQuery('select[name^=shipping\\[city\\]]').append('<option value="' + index.substr(4) + '">' + value + '</option>');

 }

 });

 });

 });

 //]]>

 [removed]

Selesai refresh page checkotut anda


Ref :

Dengan Berbagai Editan seperti Cities.js sudah saya lengkapi semua

Mohon Maaf bila ada kata yang salah Terima Kasih