Author by : Doublehorn
DAFTAR ISI
Protected by Copyscape Online Infringement Detector
aboutus website design services

Willkommen auf mein web blog

Best regard. I will do my best to make it interesting and useful. Greeting to toko online Prestashop!
Tampilkan postingan dengan label Solusi-Prestashop. Tampilkan semua postingan
Tampilkan postingan dengan label Solusi-Prestashop. Tampilkan semua postingan

15 April 2014

Prestashop : solusi toko online paling favorite

Prestashop : website store dengan fitur terlengkap

Prestashop memanfaatkan AJAX sehingga modul-modul dapat ditambahkan dengan mudah. Dengan mesin template Smarty pada Prestashop, developer independen (bebas) diizinkan menciptakan theme hanya dengan mengedit file-file yang terdapat pada folder ‘Themes’ tanpa mengusik core engine Prestashop

CMS webstore platform Prestashop cocok untuk bisnis online skala kecil menengah dan sangat layak untuk toko online produk eceran. CMS platform ini dipakai lebih dari 100 ribu website store sejak Agustus 2007. Software menggunakan mesin template Smarty dan support lebih dari 40 bahasa (incl. bahasa Indonesia). Prestashop support portal pembayaran Google Checkout, Paypal dan beberapa metode pembayaran melalui API.

Untuk menambah fungsi, Prestashop memanfaatkan AJAX pada panel admin sehingga modul-modul dapat ditambahkan dengan mudah.

Modul-modul tersedia gratis atau modul berbayar yang dikembangkan oleh web developer independen (bebas). Prestashop sendiri juga menawarkan modul dan template berbayar dengan nama PrestaShop Addons.

Versi terbaru PrestaShop V.1.6.x.x.

CONTOH DEMO : www.lovingprize.com

Prestashop design toko online

Kebutuhan Teknis untuk operasional website store Prestashop

Merchant harus beli nama domain dan sewa hosting (web server) untuk setiap website toko online.

Persyaratan teknis lain adalah sebagai berikut :
  • Apache web server 1.3 atau serial lebih baru, IIS 6 atau yang lebih mutakhir
  • PHP 5 atau lebih mutakhir
  • MySQL 5 atau lebih mutakhir
  • Sistem operasi Windows, Linux atau UNIX terinstall.

Daftar fitur umum website toko online Prestashop

Fitur-fitur umum website store Prestashop dapat dibagi dalam beberapa kategori :
A. Fitur Front Office :
  • Transaksi khusus (potongan harga, pemberian voucher)
  • Menampilkan produk pada halaman depan
  • Penjual terbaik pada halaman depan
  • Produk baru pada halaman depan
  • Penawaran ‘pengiriman gratis’
  • Cross-selling / penjualan dengan penawaran produk terkait (aksesoris etc.)
  • Perbesaran gambar produk
  • Memesan barang yang persediaannya sudah habis (out-of-stock)
  • Pelanggan yang berlangganan dan akun pengguna
  • Metode pembayaran tidak terbatas
  • Pembayaran melalui bankwire
  • Modul Google™ Checkout
  • Cash-On-Delivery (COD)
  • Dikonfigurasi untuk modul Paypal™
  • Form kontak dengan multi-penerima
  • Penandaan produk dan tag cloud
  • Pencarian produk
  • Merchandise return (RMAs) & credit slips
  • Pengembalian merchandise (RMA) & slip kredit
  • Pelacakan paket
  • Penawaran bungkus-kado dan pengemasan dengan bahan daur ulang
  • Faktur pelanggan dengan format PDF
  • Pengingat Shopping Cart
  • Sale of services & virtual goods
  • Penjualan jasa dan produk virtual (Software etc.)
  • Favicon custom
  • RSS feed
  • Newsletter opt-in
  • Pilihan 'Pick up in-store'
  • Kustomisasi produk (teks dan gambar)
  • Wishlist
  • Program Pelanggan Setia (Loyal customer)
  • Program afiliasi
  • Program ‘keuntungan sponsor teman’
  • Customer product reviews
  • Tinjau kembali produk oleh pelanggan
B. Fitur Back Office :
  • Kategori dan sub-kategori tidak terbatas
  • WYSIWYG teks editor dengan fitur penuh
  • Kombinasi atribut produk tidak terbatas
  • Spesifikasi produk tidak terbatas
  • Gambar tidak terbatas dengan pengubahan ukuran otomatis dan optimisasi berkas
  • Mata uang tidak terbatas
  • Pengaturan pajak tidak terbatas
  • Pengangkutan dan tujuan pengiriman tidak terbatas
  • Pajak berdasarkan negara bagian, negara, keduanya, zona atau tidak sama sekali
  • Penyimpangan harga (diskon berdasarkan jumlah barang)
  • Nilai tukar mata uang real-time
  • Pengelolaan inventaris
  • Pengingat dengan SMS/pesan teks
  • Tambah/hapus modul
  • Bar code / kode bar
  • Bantuan secara kontekstual
  • Attribute Combo Generator
  • Generator Attribute Combo
  • Notifikasi status pengiriman melalui e-mail (dapat dikustomisasi)
  • Bahasa dan dialek tidak terbatas
  • Impor/Ekspor terjemahan bahasa
  • 13 default language translations
  • 13 bahasa terjemahan asal
  • Search Engine Optimization (SEO)
  • Friendly URLs / Permalinks
  • Tema grafis dan 100% dapat dimodifikasi
  • Back Office users & permissions (ACL)
  • Mode perawatan (Maintenance)
  • Jumlah pemesanan minimal
  • Newsletter contact export
  • Ekspor kontak newsletter
  • Pencarian dengan alias
  • Bulk lister/impor berkas .CSV
  • Enkripsi SSL (Secure Sockets Layer)
  • Pengunjung yang online
  • Content Management System (CMS), seperti About Us, Tems and Conditions, dsb.
  • Laporan
  • Grup pelanggan

Komunitas Developer

Karena sifat open-source, banyak developer berminat membuat / mengembangkan potensi Prestashop. Kumpulan bundel skrip tambahan (disebut Modul PrestaShop), tema maupun bantuan lain bisa didapat dari para developer ini.

Dilihat dari segmen yang dikembangkan, ada beberapa kategori sasaran Developer, yaitu :

Third Party Module untuk website toko online Prestashop

Third Party Module ialah modul yang dibuat dan dikembangkan secara independen oleh Developer namun modul tersebut tidak termasuk ke dalam modul resmi bawaan PrestaShop. Third Party Module menyediakan modul yang tidak tersedia pada paket instalasi PrestaShop.

Sering ditemukan modul yang belum compatible dengan versi PrestaShop. Jika Developer masih aktif mengembangkan modul, mereka membuka tanya-jawab atau support atas modul ciptaannya.

Themes untuk website store Prestashop

Developer yang menekuni grafis dan sistem interface bisa membuat theme khusus PrestaShop.

Dengan template Smarty yang digunakan, developer bisa menciptakan theme hanya dengan edit file-file yang ada di folder Themes tanpa mengusik core engine Prestashop.

Developer bisa menawarkan bantuan dan support ke user awam tentang theme yang digunakan.

Development website store Prestashop

Pengembang yang menangani modul, model obyek atau database dapat menjadikan modul resmi bawaan PrestaShop compatible dengan beberapa theme atau dengan modul lain. Bahkan Developer Core PrestaShop bisa memperbaiki beberapa bug pada versi tertentu PrestaShop.

User awam atau developer lain bisa konsultasi dan sharing (berbagi) dengan mereka yang tahu Core PrestaShop.

Guides and How-To : Panduan penggunan modul website Prestashop

Karena banyaknya modul yang ditawarkan dan theme beragam, developer kadang membuat panduan dan tata-cara penggunaan modul/tema buatan mereka. Panduan ini dapat dijadikan pegangan user awam atau pengembang yang melakukan test-bed modul/tema pengembang lain.

Language Support : Berpartisipasi kembangkan fitur multi-lingual - website files

Fitur multi-lingual memungkinkan visitor dapat mengganti bahasa yang ditampilkan pada halaman website dengan bahasa yang tersedia – tersedia bantuan untuk memperbarui atau memperbaiki kesalahan teks terjemahan, bahkan Anda bisa ikut berpartisipasi untuk melakukannya.

Security : Partisipasi dalam perbaikan sistem keamanan website

Developer dapat berpartisipasi memperbaiki atau menambahkan sistem keamanan ke dalam PrestaShop (berupa modul atau plug-in seperti CAPTCHA) seputar database, halaman web atau interaksi pengunjung dan website.

Help and Support : Partisipasi layanan bantuan dan support website store Prestashop

Developer dapat memberikan layanan bantuan dan support, baik yang berhubungan dengan instalasi, upgrade, konfigurasi, integrasi ataupun support terhadap modul/tema tertentu.

References : Sumbangan Referensi yang diperkaya - arsip website

1. http://www.prestashop.com/blog/article/prestashop_v136_is_also_available/
2. PrestaShop Modules & PrestaShop themes PrestaShop Addons
3. PrestaShop Modules & PrestaShop themes situs pasar resmi PrestaShop

External links - website archives



That's all we know

read more website design

27 Maret 2014

Pengenalan dasar CMS website Toko Online


Content Management System untuk template website

Content Management System (CMS) adalah software yang memungkinkan seseorang atau banyak pihak, meskipun tidak punya basic pengetahuan HTML, CSS atau script, secara kolaboratif menambahkan dan/atau mengubah, update isi website atau blog, termasuk didalamnya webstore atau website toko online sebagaimana kita kenal. Software CMS ini banyak digunakan untuk membuat website, seperti :

  • Portal Berita, Blog, Galleri Foto, toko online, situs organisasi, komunitas, forum, website bisnis etc.

Elemen Software CMS dalam template website

  • Aplikasi manajemen isi (Content Management Application [CMA])
    Elemen CMA mengizinkan admin website (meski tanpa pengetahuan dasar HTML) untuk membuat, mengubah, dan menghapus content website tanpa perlu kualifikasi Webmaster.
  • Aplikasi pengiriman isi (content delivery application [CDA]).
    Elemen CDA menggunakan dan menghimpun informasi yang sebelumnya telah ditambah, dikurangi atau diubah oleh admin website (webmaster) untuk update website.
Kemampuan (fitur) sistem CMS berbeda-beda, tapi kebanyakan software CMS punya fitur publikasi berbasis Web, manajemen format, kontrol revisi, pembuatan index, pencarian dan pengarsipan.

Bikin Website : Software CMS Free Open Source

Banyak sekali software CMS yang sifatnya Open Source dan free, diantaranya :

CMS website store design
  • Software CMS untuk membuat website Portal, seperti ; Joomla, Mambo dan Drupal.
  • Software CMS untuk membuat blog (website pribadi)  : WordPress, Nucleus dan Blog CMS

    Silahkan lakukan eksplorasi dengan pergi ke :

Software website Toko Online

Untuk membuat toko online, kita harus mempunyai software khusus. Software CMS tersebut bisa dibuat sendiri atau dari pihak ketiga atau pakai CMS yang sudah jadi. Ada beberapa software CMS untuk membuat toko online :

a. PrestaShop (http://www.prestashop.com/)
b. ZenCart
c. OsCommerce (http://oscommerce.com/)
d. Magento (http://www.magentocommerce.com/)
e. CubeCart (http://www.cubecart.com/)
f. VirtueMart (http://virtuemart.net/)
g. OpenCart (http://www.opencart.com/)
Fitur lengkap website toko online
Toko online adalah solusi bisnis smart dan dipercaya, dimana produk dan jasa dapat dijual dan dibeli sambil duduk nyamanan dimana saja. Tapi tentu saja toko online harus Smart. Toko online “Sophisticated” pada umumnya berisi software dan Plugin (aplikasi tambahan) seperti :
  1. Content Management Systems
  2. Database, document dan Spreadsheet
  3. E-mail dan Messaging
  4. Accounting dan System Keuangan
  5. Informasi Pengiriman dan Pemesanan
  6. Konfirmasi (Pelaporan Informasi) dari Klien & Enterprise
  7. Sistem Pembayaran Domestik dan Internasional
  8. Sistem Pengiriman Domestik dan Internasional
  9. Online Shopping
  10. online Banking
  11. Newsgroup
  12. Conferencing
  13. Online Chatting (YM etc.)
Contoh website store sukses di bisnis online
  • Contoh toko online kriteria bagus di Indonesia, misalnya :

    tokobagus(DOT)com, bhinneka(DOT)com, fastncheap(DOT)com, tradeworld(DOT)com.

    Contoh webstore dari luar-negeri tentu saja seperti :

    eBay, Amazon(DOT)com, Yahoo etc.


-------------------------------------oooooooooo000oooooooooo-------------------------------------



read more website design

20 Oktober 2013

Mengganti theme website store Prestashop


CMS web store Prestashop menawarkan lebih banyak fitur dibanding CMS toko online lain.

Website toko online Prestashop

Prestashop   adalah Content Management System webstore terbaik. Satu kelebihan CMS toko online ini adalah kemudahan sering mengganti THEME (nama lain template). Update versi terbaru Prestashop sedemikian sering release dalam durasi 1 - 2 bulan muncul versi baru template toko online. Sampai Oktober 2013, versi terbaru adalah Prestashop ver. 1.6.x.x.

Untuk update versi terbaru, Anda perlu akses sebagai Admin dengan pergi ke Back Office (panel Administrasi). Klik Prefference >> Appearance. Anda bisa memilih ribuan stock theme dari official site Prestashop. Atau bisa mendapatkannya dari web developer independent.

Theme website toko online Prestashop


mengganti themes prestashop

Mulai versi 1.4.x ada tambahan banyak fitur baru, salah satunya module Import/export a theme.  Modul ini menawarkan install theme baru tanpa perlu koneksi FTP Client.

modul import export themes prestashop

Mengganti theme website store Prestashop terbaru

Untuk upgrade ke versi terbaru, Anda hanya perlu menyiapkan theme baru yang dikemas sebagai file ZIP hasil download theme.

  1. Buka Back Office
  2. Pergi ke Prefference >> Appearance)
  3. Klik Tab Themes
  4. Klik link THEME INSTALLER

    Selanjutnya muncul halaman modul Export/Import theme seperti gambar diatas.
  5. Klik Configure untuk menampilkan jendela ini :

    upload PrestaShop how to install themes
  6. Klik Choose File dan masukkan file zip.

    Proses instalasi akan berjalan dengan sendirinya.
  7. Pada tahapan akhir jangan lupa mengubah theme dalam “Modules” > “Theme

Mungkin terjadi error dengan munculnya pesan :
  • Bad configuration file
bad configuration file ganti theme prestashop

APA SOLUSINYA?
Kegagalan ganti theme website store Prestashop
Jika terjadi kegagalan diatas, lakukan langkah-langkah berikut ini.
1. Unzip
Lakukan unzip pada file zip theme Prestashop.dan memeriksa struktur folder. Seharusnya Anda akan lihat: "config.xml, folder themes, Modules (Documents)." Jika Anda bongkar dan menemukan sesuatu yang lain, cobalah Anda temukan ZIP theme yang sesungguhnya.

  • If you unpacked something else you are trying to import a ZIP file that is NOT a theme. Try to find the real theme ZIP in the inner structure.

2. Hubungi pengembang
Ini adalah cara termudah bagaimana untuk memecahkan masalah - namun keberuntungan tergantung pada orang lain. Jika theme Prestashop Anda berasal dari developer Independent – bukan dari Prestashop resmi – Anda mutlak perlu menghubungi developer tersebut.

3. Impor thema website store Prestashop secara manual
Ya, Anda sendiri dapat melakukan impor theme, namun bagi pemula, saya tidak merekomendasikannya karena Anda harus mengatur semua link (tautan) dan posisi. Anda harus pahami struktur dan konfigurasi dokumen file situs beserta alur logika Prestashop.

Hal baru dakam penggantian theme website store Prestashop

Secara default Anda hanya akan menemukan 1 theme – (dengan nama PRESTASHOP) ketika pertama install Prestashop versi apapun. Dan Anda bisa melihatnya dengan membuka Control Panel atau dengan software FileZilla di path ini :

    • Home/public.html/themes/PRESTASHOP
      misalnya : Toko online Anda adalah lovingprice[DOT]com
    • Maka theme tersebut ada di folder ini ---->  lovingprice/public.html/themes/PRESTASHOP

Setelah Anda unzipp file theme dengan extention .zip yang telah Anda download dan Anda mendapatkan folder yang di dalamnya ada folder theme (misalnya saja folder bernama papple_v1.3.2 dan di dalamnya terdapat folder theme – “PAPPLE”) maka dengan menggunakan FTP-Client (misalnya FileZilla FTP-Client) lakukanlah upload folder PAPPLE ke Remote Site (di sisi kanan jendela FTP-Client) dan diarahkan ke :
  • Home/public.html/themes/
Kemudian silahkan membuka Back Office Prestashop Anda, ke Prefference >>Appearance. Maka theme template baru Anda akan tampak di bagian “Themes” seperti dibawah ini :

sub-menu prefference tersedia daftar themes

Anda lihat theme Prestashop bernama Papple yang baru saja di-Install. Mengganti-ganti template (theme) mudah. Hanya perlu klik theme yang dimaui lalu klik SAVE. Selanjutnya Anda juga bisa melakukan kustomisasi (penyesuaian) layout, warna, modifikasi desain dan lainnya. Caranya buka dan otak-atik file tpl untuk containt tampilan dan file css untuk setting (layout, posisi, image), dan file php untuk translasi ke bahasa Indonesia.

Ulangi langkah-langkah diatas jika ingin menambahkan koleksi atau mengganti theme baru. Silahkan berburu theme gratisan atau theme berbayar.

That's all we know - Happy online business!



read more website design

01 Agustus 2013

Koneksi ke back office website toko online Prestashop



Prestashop semakin banyak jumlah pengguna di seluruh dunia. Prestashop menjadi trend setter dan template pembuat CMS toko online paling favorit. Fitur Prestashop version terbaru lebih sophisticated. Mulai versi 1.5.1.0 format tampilan Back Office dengan fitur lebih baik dibanding toko-online Prestashop versi lebih lama.
welcome to toko online prestashop

Install Prestashop via Softaculous - website files

  1. Sebelum menginstall Prestashop Anda HARUS punya domain name dan web Hosting sebab install dilakukan setelah klik program Softaculous yang tersedia dalam Control Panel.

  2. Klik logo Prestashop seperti gambar berikut : logo stores prestashop
  3. Mengisi form berikut :
    install prestashop via softaculous
    DATABASE NAME saya isi : yusuf100.

  4. Setelah instal sempurna, Anda akan menerima email ini :

    PrestaShop has been successfully installed at http//lovelyprice[DOT]com
    Administrative URL ---> http//lovelyprice[DOT]com/yusuf100
    We hope the installation process was easy.

    NOTE
    Softaculous is just an automatic software installer and does not provide any support for the individual software packages. Please visit the software vendor's web site for support!
    Regards,
    Softaculous Auto Installer

    ==================

    An installation of PrestaShop 1.4.8.2 has been completed. The details of the installation are shown below :

    Path : /home/lovingpr/public_html
    http//lovelyprice[DOT]com

    • BACK OFFICE :
      Admin URL : http//lovelyprice[DOT]com/yusuf100
      Admin Password : @abdil2000#
      Admin Email: yusuf100@lovelyprice[DOT]com
    • MySQL Database : lovingpr_lovely
      MySQL DB User : lovingpr_lovely
      MySQL DB Host : localhost
      MySQL DB Password : oS6odPi424
      Time of Installation : May 16, 2012, 4:12 pm

Menghubungkan ke Back Office website toko online PrestaShop

PrestaShop back-office ialah area administrasi PrestaShop. Anda akan menghabiskan sebagian besar waktu di panel ini, sebab semua hal terkait updating dilakukan di Panel ini. Semua yang dilihat user toko online ditangani langsung melalui PrestaShop back-office.

Misalnya dalam tindakan :
Menambahkan/edit/hapus produk, penanganan operator, membangun paket, menciptakan voucher, menjaga kontak pelanggan, meningkatkan toko Anda etc.

Pada proses instalasi, installer PrestaShop meminta Anda mengubah nama folder administrasi dari /admin dengan nama unik untuk toko Anda (misalnya, /yusuf100) alasannya untuk keamanan. Gunakan data BACK OFFICE pada email yang Anda terima untuk akses toko online, misalnya :

  • http//lovelyprice[DOT]com/yusuf100

Anda akan melihat halaman LOGIN untuk akses masuk ke control panel :

halaman login akses control panel
Masukkan e-mail + password yang tercantum di Back Office email yang Anda terima, misal :

  • Admin Password : @abdil2000#
    Admin Email:  yusuf100@lovelyprice[DOT]com

Klik tombol "Login" akan membawa ke halaman “Back Office welcome

halaman depan back office prestashop

Dari sini dan seterusnya Anda bisa mengkonfigurasi toko online dan dan menawarkan produk. Silahkan buka panel kontrol toko.

Konfigurasi Back Office website store PrestaShop

Halaman “Back Office welcome” terbagi 3 bagian :
  • Navigasi : Grup semua tab yang mengindikasikan ke bagian-bagian berbeda dari toko online.
  • Dashboard : Menampilkan semua informasi toko seperti jumlah order etc.
  • PrestaShop Live Feed: Informasi pembaruan software PrestaShop atau berita lain.
Saran :
Check PrestaShop Live Feed secara teratur agar toko up-to-date dengan fitur baru PrestaShop

Tab-tab yang ada di bagian atas back office membantu Anda menavigasi Back Office. Video yang ada bisa dihilangkan dengan un-check  “Don’t show me” sehingga tampilan baru seperti ini :

prestaShop™ administration panel

Sisanya eksplorasi saja tab-tab pada Back-Office Prestashop.



That's all we know - Happy blog blogger

read more website design

29 Juni 2013

Toko online Prestashop: Lupa password admin



Mengantisipasi lupa password and email akses ke admin toko online prestashop

A nda punya masalah mengingat hal detail. Saya juga punya kelemahan dalam mengingat password atau semacamnya. Jika lupa password akses ke Control Panel dan FTP-Client, atau gagal akses Admin Back Office toko online Prestashop, karena lupa email khusus, maka akan berakibat fatal.

Memang bisa menyimpan password, username and address email khusus di secarik kertas atau dalam file dokumen. Tetapi jika semua catatan ini hilang karena tas laptop dicuri, bayangkan seberapa besar bisnis toko online yang Anda kelola akan ikut lenyap, hanya karena LUPA password & alamat email.

Password dan email akses website store Prestashop

Pengamanan tersebut dengan menjalankan suatu Query secara langsung di Database server. Lakukan dengan mengedit file config / settings.inc.php.

Then just connect and run the following query :

  • UPDATE employee SET passwd = md5(“<_COOKIE_KEY_ value><yourNewPassword>”) WHERE email = “youremailaddress”;

Anda hanya perlu input Password beserta Alamat Email dengan mengganti letter berwarna merah pada potongan kode (snippet) diatas. Akhiri dengan klik SAVE untuk menyimpan perubahan tersebut.

PASSWORD RECOVERY WEBSITE TOKO ONLINE PRESTASHOP

Ikuti panduan artikel aslinya : webbax.ch. Berikut ini saya tulis ulang.

Dengan menaruh utilitas di server, memungkinkan Anda melakukan SETTING ULANG terhadap password Prestashop (reset password)  dengan tujuan mendapatkan lagi akses ke data berharga.

Pertama download file zip : Download free Password Recovery utility for Prestashop

Lakukan instalasi sederhana dengan melakukan unzip folder "password" ke “root” Prestashop Anda, dan kemudian mengaksesnya melalui http://www.votresite.com (Anda harus submit dan gunakan password untuk akses masuk).

Kemudian di halaman ini Anda akan memiliki account berbeda dari yang terdaftar. Masukkan password baru, maka Anda dapat masuk lagi. Setelah mengubah password, jangan lupa untuk :
  • menghapus direktori
Jika tidak dilakukan penghapusan direktori, maka orang tidak lain bisa mengubah password Anda tanpa sepengetahuan Anda.

Fitur Password Recovery utility for Prestashop
- generasi baru password account untuk akses back-office kompatibilitas 1.3 dan ++ 1.4 dan 1.5 dan + Instalasi - unzip folder / password / ke “root” situs toko online - akses url :

http://www.votresite.com

dan ikuti petunjuk Changelog V1.1 - 11/02/12 - PrestaShop kompatibilitas 1.5
Password Recovery utility for Prestashop



That's all we know - Happy blog blogger
read more website design

30 Januari 2013

Website store Prestashop : hapus date of birth form


Delete “Date of Birth" dari isian website Prestashop

S aya tidak enak hati, ketika pengunjung ingin mendaftar di Prestashop harus mengisi beberapa field yang dapat mengurungkan seseorang untuk submit ke toko online. Misalnya isian tanggal, bulan dan tahun kelahiran.

Kita tahu data tanggal lahir sangat sensitif rentan terhadap penyalahgunaan oleh cracker atau phising (pencurian data). Karena alasan tersebut saya ingin menghapus filed isian “Date of Birth” pada form Customer Signup Page. Secara default, field tersebut tidak disertai asterik (*), artinya bukan data urgen bagi sistem belanja online .

Bagaimana cara menghapus field Date of Birth? - arsip website


Authentication MYTOKO ONLINE default

Setelah field (isian form) Tanggal Lahir “Date of Birth” dihapus maka isian form menjadi lebih sederhana dan buyer atau pengunjung yang ingin mendaftar relatif tidak lagi terlalu mengkhawatirkan data pribadi. Hasilnya seperti berikut :

Authentication MYTOKO ONLINE_minus tanggal lahir

Untuk mengapus field “Date of Birth,” Anda bisa menjadikan snippet di bawah ini tidak bisa dijalankan dengan cara “comment out” (menjadikannya sebagai status teks komentar dengan memberi tanda {* dan diakhiri  *}). Atau cara termudah adalah potongan kode dibawah ini dihapus dari file-file berikut :

authentification.tpl dan identity.tpl

hapus-date-of-birth-prestashop
Potongan code (SNIPPET) diatas dapat diperoleh DISINI

TAMBAHAN : PERHATIAN!
  • Pada authentification.tpl harus dihapus 2 kali snippet kode diatas sebab ada di 2 tempat.
  • Jika pilih pakai opsi “one page checkout,” maka Anda juga harus menghapus potongan kode di atas dari file order-opc-new-account.tpl.

That's all we know - Happy blog blogger

read more website design

29 Januari 2013

Edit theme website toko online Prestashop


D unia website selalu terbuka tanpa batas kreativitas. Jika Anda baru saja menerima penyerahan theme Prestashop yang terinstal di toko online yang telah dipesan sebelumnya dari website developer. Lalu Anda ingin beberapa perubahan, memperbaiki kekurangan, menambahkan sesuatu yang spesifik atau menambahkan beberapa modul dari developer independen (e.g. modul user online counter etc).

Proses dan struktur theme website toko online

Untuk melakukan semua itu diperlukan mutlak pemahaman “logika” proses dan struktur theme Prestashop.  Anda tentu paham bahwa untuk mengubah content template dilakukan melalui file .tpl dan untuk mengubah unsur warna, penempatan elemen, layout dasar dilakukan melalui file .css. Berikut ini tips “dari mana Anda harus memulai.”

Developer tools in Google Chrome

Thanks to this tool will be able to detect precisely the element you are looking for. Once you locate the element you know exactly what file (and line) should be edited.

Custom.css di website Prestashop

As for the colors and basic layout – this is the most important CSS file in your theme. The file can be found at your_eshop/themes/your_theme/css/custom.css

NOTE :
File-flie .css diatas hanya ada dalam theme yang dibuat oleh Prestashop Theme Maker. Pada versi Prestashop berbeda atau modifikasi theme default oleh masing-masing developer mungkin ditemukan nama direktori-nya berbeda. Misal, pada versi 1.5.2.0 ada di : prestashop/themes/default/css/custom.css Sementara pada versi 1.4.2.0 nama direktori-nya :  your_eshop/themes/prestashop/css/custom.css

Grid/list switcher di website toko online Prestashop

Ada cara mudah untuk mengubah di antara Layout Grid atau Layout List layout secara manual. Buka saja file berikut :

your_eshop/themes/your_theme/product-list.tpl

Anda akan menerima baris seperti di bawah ini :

<ul id=”product_list” class=”products_block list clearfix”>

Anda hanya perlu menulis ulang class “list” yang diperuntukkan layout list ditulis ulang menjadi “grid” untuk layout grid atau sebaliknya dan semua itu pun telah tersedia dan siap untuk running!!!.

Editor Tools untuk tampilan website store Prestashop

notepad in web design

Untuk Windows users disarankan menggunakan Notepad+, untuk Mac users sebaiknya menggunakan TextWrangler. Jika menginginkan program lebih powerful disarankan menggunakan Netbeans.


That's all we know - Happy blog blogger

read more website design

26 Januari 2013

Prestashop : Solusi No carriers that deliver to the address


Keunggulan Content Management Systems (CMS) webstore Prestashop ada pada sistem layanan penjualan terintegrasi. Ini tentu sangat baik bagi customer. Namun tidak bagi web developer atau admin toko online amatiran yang mau menangani semua persoalan teknis secara mandiri. Masalah menjadi rumit ketika harus menelusuri penyebab kegagalan sistem penjualan.

Prosedur penjualan website store Prestashop

Masalah tidak berfungsinya salah satu dari 5 tahap berbelanja, misalnya, gagal Login atau tidak ada Jasa kurir yang melayani alamat tujuan (meski modul kurir terinstall), akan menyebabkan customer tidak bisa melanjutkan transaksi, dan calon pembeli kecewa. TIDAK ADA TRANSAKSI adalah bencana terbesar bagi penjual, dan salah satu penyebabnya adalah karena kegagalan sistem penjualan toko online.

Secara default ada 5 tahap dalam sistem penjualan Prestashop, yaitu :
  1. Shopping cart summary

    Secara teknis jendela “Shopping cart summary” muncul setelah menekan tombol “CHECKOUT” di halaman utama (homepage) Prestashop; Atau setelah Anda selesai memilih item produk untuk dibeli.

    Di jendela ini Anda juga bisa periksa kembali semua produk yang akan dibeli atau membatalkan item yang akan dibeli dengan menekan tombol “DELETE” atau menambahkan belanjaan dengan menekan tombol “Continue Shopping.” Selanjutnya tekan “NEXT” untuk melanjutkan ke tahap berikutnya.

  2. LOGIN

    Jendela LOGIN muncul setelah tombol “NEXT” pada jendela “Shopping Cart Summary” ditekan. Bagi visitor baru, Anda harus menekan tombol “Membuat Akun” dan untuk pemilik account untuk akses ke toko online Prestashop hanya perlu memasukkan Email dan password. Jika lupa password, klik saja “Lupa Password” untuk mendapatkan password baru.

  3. ADDRESSES

    Jendela Address otomatis tampak setelah LOGIN selesai. Disini akan tampak “Alamat Tagihan” dan “Alamat Pengiriman.” serta konfirmasi “Alamat Pengiriman” dengan memilih menu Dropdown dan memberi tanda Check untuk alamat pengiriman sama dengan alamat tagihan. jika Anda ingin perubahan alamat pengiriman atau alamat tagihan klik saja UPDATE.

  4. SHIPPING

    Jendela ini menginformasikan jasa kurir yang dipakai (misalnya JNE) beserta biaya pengiriman. halaman ini segera terlihat setelah Anda memastikan alamat pengiriman Anda benar (dengan menekan tombol NEXT).  Silahkan beri tanda check (centang) pada kotak Term of Services dan tekan tombol NEXT.

  5. MEMILIH CARA PEMBAYARAN

    Tahap terakhir ini memunculkan opsi cara bayar yang ditawarkan oleh toko online Prestashop. Silahkan pilih cara membayar yang Anda sukai.

Error pada akses tahap Shipping

Awalnya saya bingung ketika harus menghadapi pesan error ini :
  • there are no carriers that deliver to the address you selected.
Setelah saya telusuri ternyata penyebabnya zone-zone wilayah pengiriman belum saya beri tanda check (centang).  Aktifkan perusahaan jasa kurir Anda (hingga muncul tanda centang hijau). Kemudian klik icon EDIT dan pilih ZONE yang Anda inginkan (misalnya Asia). Secara default Zone PS seperti dibawah ini : Africa Asia Central America/Antilla Europe Europe (out E.U.) North America Oceania South America
  • The Zone determines which geographic location of the world the chosen Carrier will deliver your product shipment. Perhaps you have a carrier that will only deliver within North America, or both Northa America and Europe. The zone settings help determine whether the carrier can deliver to the customer's specific location
Saya mendapati page seperti berikut, ketika mencoba order produk untuk di kirim ke alamat :
  • Jalan Raya Pulogebang 31, kecamatan Cakung Jakarta Timur.
ringkasan tahapan berbelanja prestashop

Ketika saya periksa dengan pergi ke :
  • Shipping  >>> Carriers >>> Edit (mengedit kurir JNE)
Saya mendapati Zone pengiriman wilayah Cakung, Jakarta Timur dan demikian juga seluruh wilayah lain belum diberi tanda centang. Kemudian seluruh Zone saya beri centang seperti berikut:

check icon zone pengiriman prestashop

Gambar diatas contoh zone pengiriman Indonesia (modifikasi default zone kurir Prestashop).

Saya harus aktifkan (enable) kedua status fitur berikut (Enable all of this 2 features Status):
  1. Enable carrier in the Front Office Apply shipping cost
  2. Apply both regular shipping cost and product-specific additional shipping costs
Dan melakukan setting Price-Range dan/atau  Weight Range. Untuk itu pergilah ke :
  1. Back Office >> Shipping  >> Price-Range
  2. Back Office >> Shipping  >> Weight-Range
Saya senang! Setelah zone “Jakarta Timur, Cakung” saya centang (gambar diatas) saya pun akhirnya mendapati halaman pilihan jasa kurir (artinya tidak ada masalah lagi) seperti gambar di bawah ini.

pilihan jasa kurir prestashop


That's all we know - Happy blog blogger


read more website design

08 Januari 2013

Lupa password email akses BO website store Prestashop



B oleh jadi Anda lupa email akses admin website  Prestashop atau lupa password atau bahkan lupa keduanya untuk login ke halaman Back Office. Ada 2 solusi, yaitu :

Sulit akses BO website toko online prestashop

Kesulitan yang mungkin terjadi ialah karena kita lupa email dan password ketika login ke halaman admin (Back Office / BO) website store Prestashop. Seperti apa solusinya? Berikut ini ada 2 opsi:

Pertama via Tombol Lost Password - arsip website

cara paling mudah yaitu Resetting Password, dengan memanfaatkan fitur Forgot Password halaman Login Back Office. Setelah menekan tombol “Lost Password?” atau “Forgot Password?,” Anda akan dibawa ke halaman seperti gambar berikut :

jendela lupa password prestashop
Isikan email yang Anda gunakan ketika registrasi akses Back Office. Maka Anda akan menerima email berisi Password baru dan seterusnya.
  • After you see the notification that your password has been sent, check your email account for an email with your new PrestaShop admin password.
Ingin mengubah password seperti yang Anda mau, hal ini dapat dilakukan dalam Back Office. Tutorial step-by-step untuk mengganti PASSWORD, Insya Allah menyusul.

Kedua Resetting Password dan/atau Email via Database website

Solusi ini sebaiknya dilakukan jika Anda lupa email akses Back Office atau bahkan lupa email beserta password-nya. Solusi untuk kelupaan fatal!!!

Pilihan ini juga tepat jika setelah mengisi alamat email yang dipakai untuk login ke Back Office dan menunggu password baru dikirimkan via email. Sementara terjadi masalah tidak terduga: SMTP server mengalami gangguan sehingga anda tidak kunjung menerima email reset password.

Berikut ini solusi via Database Prestashop di cPanel (Resetting Password via PHPmyAdmin) :
  1. Login cPanel dan buka menu File Manager. Pergi ke /public_html/config/settings.inc.php
  2. Buka (View) file setting.inc.php. Perhatikan nilai _COOKIE_KEY_ 
  3. Copy nilai dari COOKIE_KEY_ yang ada dalam isi file (diantara 2 tanda petik tunggal).
    You may find it helpful to paste this into a text editor file (using a text editor like Notepad, TextEdit) while you are working through the rest of the steps.
  4. Kembali ke home cPanel. Lalu masuk ke phpMyAdmin. Select database Prestashop. Contoh pada gambar diatas, misalnya prest97. Pilih tabel ps_employee. Kurang lebihnya seperti gambar ini:

    melacak database toko online prestashop

    melacak tabel ps_employee database prestashop
  5. Klik tombol (link) untuk mengedit tabel ps_employee.

    jendela edit tabel ps-employee
  6. Dalam field passwd pada editing tabel ps_employee silahkan PASTE nilai _COOKIE_KEY yang telah Anda COPY sebelumnya dari file settings.inc.php, Kemudian hasil copy-paste tersebut diikuti dengan ketikan password baru Anda.

    Merujuk contoh nilai _COOKIE_KEY :

    y0ua8bj9mwtt2k4rkjjrhrv5ws6ywna8ydichpbu21ytciicijoqojpw

    Hasilnya seperti ini:

    passwd varchar(32) --->  0ua8bj9mwtt2k4rkjjrhrv5ws6ywna8ydichpbu21ytciicijoqojpwPASSWORDBARU

    Jika password baru Anda 11223344, maka kotak isian field passwd menjadi:

    passwd varchar(32) ---> 0ua8bj9mwtt2k4rkjjrhrv5ws6ywna8ydichpbu21ytciicijoqojpw11223344

    Pada tahap ini Anda dapat melihat kembali email lama ketika registrasi untuk akses ke Back Office tepat di atas filed passwd dan juga dapat mengganti email lama dengan email baru Anda.

  7. Pada kolom Function pilihlah MD5 dari drop down menu

    editing tabel ps-employee database prestashop
  8. Tekan GO untuk eksekusi (menyimpan) perubahan tabel ps_employee (database).

You've successfully reset your admin password - Happy blog blogger

Silahkan login ke Back Office Prestashop dengan password baru.


read more website design

24 Desember 2012

toko online Prestahop : 5 langkah upgrade ke versi terbaru


Prestashop memang hebat! CMS webstore ini sering hadir dengan hal baru dan versi terbarunya kerap release setiap beberapa minggu. Beberapa versi yang released membawa perubahan mayor, sebagian lainnya hanya perubahan kecil, namun semua versi ini membawa sejumlah inovasi, peningkatan fungsi dan perbaikan bug (cacat). Sangat disarankan untuk mengikuti versi terbaru.

Upgrade - Downgrade : Ganti versi website store Prestashop

Versi terbaru sampai November lalu adalah 1.5.2.0. Namun terus terang saja untuk versi terbaru ini saya tersandung masalah pelik, yaitu setelah upgrade dari versi sebelumnya (1.5.1.0), pelanggan tidak dapat LOGIN ke akunnya yang terdaftar di Prestashop (Fatal, khan?). Berminggu-minggu saya gagal memperbaiki, sehingga memaksa saya melakukan DOWNGRADE kembali ke versi semula yang tidak bermasalah. Saya hapus seluruh isi ROOT (public_html) dan install ulang dengan menggunakan folder hasil decompress prestashop1510.zip.


Memperbarui template website store PrestaShop

Ada 2 cara untuk upgrade template website store PrestaShop :
  • Automatic  Upgrade otomatis hanya memerlukan penambahan script, tetapi boleh jadi pilihan ini sangat tidak cocok jika Anda lebih suka mengontrol segalanya. 
  • Manual update (experts only)
So, alternatif kedua adalah pilihan ideal tetapi hanya boleh dilakukan oleh ahlinya (karena Anda juga harus membuka dan mengganti beberapa snippet kode pada beberapa filenya).
    Ada 5 step dasar untuk kesuksesan manual upgrade :
    1. Save & Backup Your Current Shop
      Pada tahap ini sangat ditekankan agar Anda membuat backup Database dan file-file Anda. Anda jangan mengabaikan langkah ini atau melewatkannya. Maksudnya, jangan beralih ke step 2 tanpa menyelesaikan tahap ini.
    2. Getting Ready for the New Version
      Pada step ini Anda harus menyiapkan file-file yang perlu di-copy ke  Prestashop versi baru.
    3. Starting the Update
      Pada langkah ketiga ini mulai upgrade script yang akan meng-upgrade Database Anda.
    4. QA and Testing
      Dalam tahap keempat ini ada berbagai pemeriksaan yang harus dilakukan untuk memastikan bahwa toko online Anda telah di-update dengan benar ke versi terbaru.
    5. Going Live with the New Website
      Langkah terakhir ini adalah Anda mengakrabkan diri dengan update versi terbaru.
OK. kelima tahapan diatas wajib dilakukan dan lakukan semuanya sesuai dengan urutannya.
  • Please pay close attention to any of them, and do not skip any steps.
Jika prosedur dengan 5 tahap di atas diikuti dengan ketat, maka seharusnya tidak butuh waktu lebih dari setengah jam (tentu saja disyaratkan dengan pemahaman logika Prestashop seutuhnya). Sekali lagi jangan dilompati urutannya, karena setiap tahapnya sangat krusial. Jika tidak berurutan akan butuh waktu lebih lama dan kemungkinan pula Anda gagal meng-update.

Untuk setiap support request atau permintaan bantuan dalam setup Prestashop, sumber yang bisa dihubungi adalah :
Penyebab lain dari kegagalan upgrade terkuak dari pendapat ini : (Anda hanya perlu membuktikannya!!)

Have you tried upgrading from a non-modified prestashop? A vast majority of errors is caused by 'custom' changes to the native prestashop.... also I'd like to suggest if you have specific problems (on remote host), is to open a bug report as this help everyone...

Singkat kata, jika pada versi sebelumnya Anda terlalu banyak melakukan penyesuaian (kustomisasi), misalnya resize page (aslinya width = 982px) Anda ubah lebar webpage menjadi selebar layar monitor (1272px) yang tentu saja rembetannya akan ada penyesuaian kolom UTAMA (tengah) atau kolom kiri dan kanan dan lainnya.  Maka kemungkinan besar akan terjadi error saat di upgrade ke versi terbaru.




read more website design

24 November 2012

Membersihkan cache di website toko online Prestashop


Hubungan Cache dengan website store Prestashop

Dalam pengeditan theme website toko online dengan template platform Prestashop, Anda akan sering menghapus cache untuk memastikan perubahan yang telah dilakukan telah efektif dilakukan.

Pengertian Cache secara umum - arsip website

  • Cache Memory atau disingkat Cache
    Dalam konteks Arsitektur dan Organisasi Computer, cache berarti tempat simpan data sementara.
  • Cache terletak di antara register dan memory-utama 
    Sehingga data processing tidak langsung ada dalam memori-utama.
Manfaat dan tujuan penggunaan cache
  • Meminimalisir "efek bottle-neck" aliran data di antara processor dan RAM.
  • Meningkatkan transfer data dengan menyimpan data yang pernah diakses beserta  semua perintah ikutannya ke Cache.
  • Sehingga jika ada data sama untuk diakses ulang atau ada pengulangan perintah, cache akan terpakai sehingga semua bisa dilakukan lebih cepat.
  • Manfaat lain Cache adalah :
    Computer tidak harus menggunakan sistem bus motherboard untuk transfer data.

    Perlu diketahui bahwa setiap kali data harus melewati bus sistem sehingga dengan transfer data ini akan memperlambat kemampuan motherboard. Computer dapat memproses data lebih cepat dengan menghindari hambatan yang diciptakan sistem bus.
Fungsi Cache Memory
Fungsi Cache sebagai tempat penyimpanan data sementara dan instruksi yang diperlukan processor. Cache sangat berguna dalam mempercepat akses data di computer.

Bagaimana mekanismenya?
  • Cache menyimpan data, instruksi atau informasi yang telah diakses oleh suatu buffer, sehingga meringankan kerja processor.

Masalah Cache dalam editing website toko online Prestashop

Misal, pengeditan theme Prestashop telah dilakukan. Kemudian cache yang harus dibersihkan, ternyata Anda lupa melakukannya atau bahkan tidak bisa dibersihkan. Jika Cache tidak dibersihkan akan berakibat semua usaha pengeditan theme Prestashop akan GAGAL dilakukan (tidak ada perubahan sama sekali pasca editing). Misalnya, telah dilakukan beberapa perubahan seperti :

- Telah mengedit template.
- Telah menterjemahkan beberapa teks.
- Telah mengganti, hapus atau menambahkan beberapa gambar dalam theme Prestashop.

Namun semua itu gagal dilakukan (tidak ada perubahan apapun!) MENGAPA? Karena jejak cache sebelumnya belum dihapus.

SOLUSI Cache Error - website files

  • Buka URL Back Office, lalu masukkan email untuk akses Admin.
    Misalnya : yusuf@lovingprize[DOT]com dan masukkan Password.
  • Pergi ke Back Office >> Advanced parameters >> Performance
  • TURN ON; “Force compilation” seperti gambar di bawah ini :
FORCE_COMPILATION_PRESTASHOP
NOTE :
  • This is always the basic solution if something’s not working right.


That's all we know - Happy blog blogger - semoga bermanfaat



read more website design

23 November 2012

Website store Prestashop 1.5.2.0 : Gagal pasang logo


Gambar memegang peranan penting di toko online sebagai unsur utama pembentuk "eye-chatching" yang menarik perhatian tamu untuk melanjutkan kunjungan. Maka kegagalan mengganti content gambar – khususnya pada Prestashop versi 1.5.2.0 ada solusinya.

Saya mengalaminya ketika mengganti logo “YOUR LOGO HERE” dengan tipe gambar PNG atau JPG. Huppp!!! Mengapa gagal dan hanya tampak layar-putih?  Anda mungkin panik. Aduh sedihnya!

Penyebab gagal ganti logo di website store Prestashop

Gambar logo dengan type  PNG tanpa setahu Anda telah diubah type-nya ke JPG, padahal :

JPG images don’t support transparency.

Tampaknya kita perlu mengenal tipe gambar. Dan untuk menngkonversi gambar atau edit gambar bisa dilakukan langsung menggunakan layanan Online Image Editor. Kembali ke masalah kita, lalu apa solusinya? 

The solution is very easy - arsip website

Bukalah :
Back Office > preferences > images.

Beri tanda check (centang) pada “image quality” seperti ditunjukkan gambar berikut :

Image admin Prestashop

SIMPAN setting Anda.

SELESAI


That's all we know - Happy blog blogger - semoga bermanfaat


read more website design

26 Oktober 2012

Hide Shipping Cost on Cart website store Prestashop


CMS Prestashop   punya beberapa masalah bawaan, karenanya perlu setting ulang agar sesuai kebutuhan toko online di Indonesia. Salah satunya adalah tampilan tarif biaya kirim (misalnya Anda install modul kurir JNE, TIKI atau POS).

Hapus biaya kirim Block Cart website store Prestashop

Mengapa harus menyembunyikan info biaya kirim? website files

Karena modul kurir tidak selalu ter-update. Seperti database tarif JNE terakhir diperbarui tahun 2011. Sementara update data terbaru harus Anda lakukan secara manual. Maka agar tidak menyesatkan pembeli, sebaiknya informasi biaya kirim ini dihapus saja.

Memang serba susah, ketika Anda setting “Handling Charge = 0 (NOL)” melalui Back Office >> Shipping : Handling, maka pada halaman “Jasa Pengiriman” ditampilkan biaya kirim melalui JNE tertulis “GRATIS!” padahal Seller ingin membebankan ongkos kirim ini ke pembeli (harga belum termasuk ongkos kirim).

Jika Anda setting Handling Charge Rp. 20.000,- maka sejumlah itu akan ditambahkan pada ongkos kirim dari database tarif JNE tahun 2011, yang tentu tidak fair karena buyer dibebani ongkos kirim Rp 20.000 lebih mahal dari tarif JNE. Ongkos kirim sebaiknya mengacu ke tarif JNE ter-update.

Kita bisa hapus baris “Biaya Kirim” (dalam gambar di bawah ini ditunjukkan dengan baris Rp. 0).

Biaya kirim nol di prestashopHapus!!! Biaya Kirim Rp. 0 menghapus baris biaya kirim

CART diatas saya kerjakan dengan improvisasi – misalnya teks “Belum termasuk biaya kirim saya edit dari “Pajak” dan baris biaya kurir saya hapus. Semuanya menuntut skill coding untuk melacak file-file yang harus diubah. Tampilan di atas belum final, adapun hasil akhir saat toko online www.bajuditoko.com (MYTOKO OLSTORE) diserahkan ke client seperti di bawah ini :

Keranjang belanja toko online Bajuditoko

Menghapus informasi biaya kirim pada Block Chart - website files

  1. Buka file “blockcart.tpl” Lakukan comment out  kedua baris di bawah ini (di sekitar line 112)

    <span>{l s='Shipping' mod='blockcart'}</span>
    <span id="cart_block_shipping_cost"
    class="price ajax_cart_shipping_cost">{$shipping_cost}</span>

    catatan : “comment out” adalah mengubahnya menjadi bentuk komentar script.
    Ini berarti, untuk mencegah running pada baris tertentu dalam script, Anda perlu mengubahnya menjadi "komentar Script". Komentar Script tidak akan dibaca oleh prosesor, dan sebagian besar berisi informasi hanya untuk orang-orang yang membaca kode sumber script.

    Dengan menambahkan {* di bagian awal dan diakhiri dengan tanda *} seperti diterapkan pada kedua baris di atas (file “blockcart.tpl”). Hasilnya seperti dibawah ini :

    {* <span>{l s='Shipping' mod='blockcart'}</span> *}  {* <span id="cart_block_shipping_cost" class="price ajax_cart_shipping_cost">{$shipping_cost}</span> *}

  2. Pada file yang sama temukan baris berikut ini (sekitar baris ke 127) :

    <span id="cart_block_total" class="price ajax_block_cart_total">
    {$total}</span>

    Dan Anda ganti {$total} dengan ini {$product_total}. Sehingga tampilannya menjadi seperti ini :

    <span id="cart_block_total" class="price ajax_block_cart_total">{$product_total}</span>

  3. Mungkin saja “AJAX mode” pada posisi ON.

        Jadi Anda juga harus edit  file “ajax-cart.js” yang ada di folder “blockcart”
        (dalam folder “modules”<< public.html << cPanel).

        Silahkan buka file tersebut dan ke baris 560. $('.ajax_block_cart_total').text(jsonData.total);

        Gantilah dengan ini :

    $('.ajax_block_cart_total').text(jsonData.productTotal);

SELESAI

Direct to Payment Step after Login in Order Page Prestashop

lima tahap berbelanja di Prestashop

Pada topik ini kita akan melangkahi step pengiriman (step shipping). Secara default, transaksi pada Prestashop melalui 5 tahapan transaksi : Tahap KESIMPULAN ---> LOGIN ---> ALAMAT ---> SHIPPING (Pengiriman) --->PEMBAYARAN. Pada kali ini kita ingin menghapus step SHIPPING, sehingga akan lebih menyederhanakan transaksi toko online Anda.

(Setelah tamu mengeksplorasi produk dan klik-klik produk diminati, selanjutnya dia hanya perlu LOGIN untuk mencantumkan ALAMAT Tujuan pengiriman barang yang dibeli dan bisa langsung transfer uang sebesar harga barang + Ongkos kirim. Melakukan konfirmasi bahwa telah dilakukan pembayaran).

Bagaimana membuat Skip Shipping Step? - website files

  1. Bukalah file order.php pada root directory. Pada baris ke 85, Anda akan melihat script yang ditulis dengan switch blahblahblah.

    Anda lihat ada case 1 : displayAddress()

  2. Silahkan diblokir (Block) baris tersebut dengan menambahkan “ // “ di depannya dan tulis baris lainnya seperti dibawah ini :

    case 1: displayPayment(); //displayAddress(); break;

    Artinya, user tidak akan diarahkan ke tampilan ALAMAT karena diblokir dengan //.
    Hal ini menjadikan user (pembeli online) dibawa langsung ke Payment Choice (Cara Pembayaran).

  3. Kemudian Anda buka file order-steps.tpl dalam themes directory pada root directory (public.html). Kemudian tambahkan baris ini : <!– and end with –> ke baris 39

    <!-- 
    {if $current_step=='payment' || $current_step=='shipping'}
            {l s='Address'}
            {else} 
            {l s='Address'}
            {/if}
    -->
    <!--  {if $current_step=='payment'} 
            {l s='Shipping'}
            {else}
            {l s='Shipping'}
            {/if}
    -->

    Sekarang step-step lain pun telah disabled (tidak aktif).


  4. Langkah penutup, Anda buka file order-payment.tpl yang juga ada dalam themes directory.
  5. Lihat baris 24 dan check baris ini :

    {$base_dir_ssl}order.php?step=2

    Anda ganti angka  2 dengan angka 0
    Tindakan ini membuat tombol “Kembali” pada layar “Payment Choose” ketika ditekan tombol tersebut akan mengembalikannya ke Daftar Belanja.


That's all we know



read more website design

17 Oktober 2012

Hypertext Access : Pengenalan File .htaccess Public.html


Sebelumnya saya sering melihat file ini sejak pertama membuka konfigurasi folder dan file di cPanel, namun saya bersikap abai. Meski kadangkala saya harus berurusan dengan file satu ini. Ketika saya bikin toko online baru dengan CMC Prestashop saya temukan message ini :

Your .htaccess file must be writable

file htaccess must be writable

Apa itu file .htaccess? - website archives

Tulisan kali ini bersifat praktis saja meski ada sedikit teoritis konseptual.

File ini sangat penting untuk bermacam setting hosting; blocking IP, proteksi file/folder, Redirect halaman (webpage) atau mengusir bot jahat, Menambahkan MIME, Menangani 404 page et cetera.

File .htaccess adalah file extension. Tanpa embel-embel namafile.htaccess atau index.htaccess atau semacamnya. cukup .htaccess.  File ini harus di- upload ke server pakai ASCII mode, jangan BINARY karena Windows tidak (bisa) mengenal extensi tanpa nama file. Jika tetap memaksakan diri akan timbul error seperti gambar diatas. Untuk menciptakan .htaccess bisa dilakukan langsung melalui cPanel atau pakai FTP client (smartFTP atau FileZilla)

file htaccess

.htaccess file – This is the default name of a configuration file that contains “server directives” (commands known by the server) that tell the server how to behave. One common use for an .htaccess file is to restrict access (password-protection) to specific files or directories on the Internet or intranet, or to specify a particular web page to be accessed when there the file requested by the browser is not found (error 404).

Pada baris-baris awal file .htaccess dalam CMS Prestashop akan ditemukan notification semacam ini :

suhosin.request.max_vars = 4384
suhosin.post.max_vars = 4384

  • ~~start~~ Do not remove this comment, Prestashop will keep automatically the code outside this comment when .htaccess will be generated again
  • .htaccess automaticaly generated by PrestaShop e-commerce open-source solution
  •  http://www.prestashop.com - http://www.prestashop.com/forums

File .htaccess merupakan hidden file (terlihat dari tanda titik di depan nama file) dan salah satu yang mendasar dalam hosting. Maka pastikan untuk mencentang opsi ‘view hidden file’ saat Anda masuk ke menu file manager di cPanel. Jika tidak, Anda akan kesulitan mencari letak file .htaccess ini.

Setting permission file ini pada CHMOD ialah 644 or (RW-R–R–). Sehingga berguna untuk dimanfaatkan oleh server tetapi tetap bisa mencegah dapat terbaca oleh browser user. Atau mencegah user mengedit dari web browser. Jadi untuk edit file ini harus dilakukan dari hosting manager.

Command pada .htaccess biasanya harus diletakkan pada 1 baris. jadi coba dicheck wordwrap pada text editor yang digunakan (disable mode on)

File .htaccess digunakan untuk setting konfigurasi default server. Konfigurasi server yang di-setting melalui file .htaccess ini berpengaruh pada sub-directory yang ada di bawahnya. Karenanya cukup 1 file .htaccess saja di public.html (root directory) untuk mempengaruhi keseluruhan sub-directory yang ada di dalamnya.

Jika dalam sub-directory dibutuhkan setting konfigurasi berbeda dengan directory utama (misal, untuk setting subdomain atau addon domain) maka perlu dibuat file .htaccess di sub-directory tersebut.

Kegunaan lian file .htaccess adalah untuk membat setting berbeda antara di server induk (php.ini) dan di account hosting, memblokir IP tertentu, redirect web, mengubah tingkatan file index etc.

Referensi :
http://www.greenwebdesign.com/Glossary-Of-Technical-Terms.htm

That's all we know



read more website design
Penelusuran topik khusus di blog ini
Loading