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 PrestaShop. Tampilkan semua postingan
Tampilkan postingan dengan label PrestaShop. Tampilkan semua postingan

27 April 2014

Website Store Prestashop : Struktur Dasar Konfigurasi 2


Bagaimana website toko online bekerja?

Sama seperti pada semua script PHP, Prestashop melakukan loading website menggunakan SATU-SATUNYA file index.php. Jika situs toko online pakai theme Prestashop. Itu artinya semua file .php, .tpl, .html, semua file lain beserta semua folder ditempatkan dalam CMS toko online Prestashop. Kali ini kita tidak membicarakan file Index.php, file .html atau .tpl secara detail.

Disini kita hanya peduli dengan pemahaman bagaimana PrestaShop bekerja.

Pembicaraan kali ini untuk menguatkan pemahaman esensi dari content posting Bagian SATU.

REKAPITULASI-KONFIGURASI-prestashop
CARA KERJA

Kita buka sampel toko online Prestashop. Saat ketik URL http://www.clodaclodi.com/ di address bar, web server akan loading halaman index (index.php) dan mengubahnya menjadi informasi isi web page. File index.php ini termasuk di dalamnya file config.inc.php yang ada di direktori config.

Setting konfigurasi Prestashop diperankan oleh config.inc.php untuk seluruh konfigurasi dan setting. File config.inc.php memeriksa apakah semuanya sudah ter-install dan mendefinisikan template dasar (base theme), default direktori beserta alurnya (paths), status order dan lainnya.

Kita akan sering ubah kode pada baris 29 isi file config.inc.php atau dengan CTRL-F temukan ini :

ON-OFF-display-error-file-Prestashop
Tindakan diatas untuk mengaktifkan “Error Reporting” - yaitu saat kita menginginkan pesan error ditampilkan di webpage agar mengetahui diagnosa error. (setelah diagnosa didokumentasikan, segera kembalikan status off).

Ketika file config (di folder config) dimuat (loaded), maka file index.php diperintahkan menyertakan file header.php yang diambil langsung dari root install. Yang dimaksud dengan root install berarti langsung diambil dari Prestashop, bukan dari dalam subdirektori yang ada.

INDEX.PHP

INDEX-PHP-prestashop

HEADER.PHP

HEADER-PHP-Prestashop
Snippet isi file HEADER.PHP dalam bentuk image untuk DOWNLOAD script code ada DISINI
HOOK

Baris kode :

$smarty->assign('HOOK_HOME', Module::hookExec('home'));

Baris kode ini akan menentukan Hook (Hook memungkinkan administrator situs untuk menentukan di lokasi mana mereka ingin modul tertentu ditampilkan di webpage).

DISPLAY

Baris kode :

$smarty->display(_PS_THEME_DIR_.'index.tpl');

Baris code ini mengatakan tentang tampilan  index.tpl dari direktori default theme. Prestashop (Anda menentukan theme untuk digunakan dengan pergi ke Back Office >>Preferances >> appearance).

FOOTER.PHP

Baris code :

include(dirname(__FILE__).'/footer.php');

Baris code ini mengatakan tentang php yang mencakupi file footer.php dari direktori kita (dirname).

FOOTER-PHP-website store Prestashop
FILE TPL

Setiap file diatas terkandung request PHP untuk memasukkan file lain.  Meski ada pengaturan konfigurasi Prestashop, tapi Hooks dan file-file php  belum punya HTML. Di sinilah diperlukan peranan file tpl.

File tpl adalah file template yang mencakup HTML dan kode Smarty

File tpl sebagian besar ada di direktori theme, namun ada juga di modul karena setiap penulisan modul diperlukan file template (tpl) tersendiri.

global-css-dalam -file-HEADER-PHP-Prestashop

Penjelasan kode diatas sebagai berikut :

File global.css  sedang dipanggil dari direktori theme Prestashop untuk itu diperlukan file-file CSS lain dan JavaScript yang sudah terkandung di dalamnya.

$smarty->display(_PS_THEME_DIR_.'maintenance.tpl');  

Artinya :
akan menampilkan page pemeliharaan yang disebut maintenance.tpl jika toko online ditutup */

Tampilan HTML (yaitu bagian layout halaman web) berasal dari file header.tpl


KESIMPULAN
  • File index.php memanggil (meminta) file index.tpl, file footer.php dan file footer.tpl
  • File tpl menentukan layout situs html dan ada dalam folder theme.
  • File index.php meliputi header.php, index.tpl dan footer.tpl dari direktori theme
  • File header.php memanggil file header.tpl 
  • File footer.php juga memanggil file footer.tpl


  • KESIMPULAN AKHIR :
    HTML utama berasal dari 3 file template : index.tpl, header.tpl dan footer.tpl

Review struktur dasar website store Prestashop

Agar semua masuk akal mari kita buka header.tpl, index.tpl dan footer.tpl secara bersamaan.

Header.tpl

REVIEW-Header-tpl
Snippet isi file HEADER.TPL dalam bentuk image untuk DOWNLOAD script code ada DISINI

Index.tpl


{$HOOK_HOME}

FOOTER-tpl-file-prestashop

KESIMPULAN :

Sumber dari HOMEPAGE (semua modul dalam kondisi un-instal dan ada sedikit JavaScript yang dihapus dari footer sehingga kita bisa fokus ke HTML saja) berasal dari file TPL UTAMA.


struktur-dasar-HTML-prestashop
Script code dalam bentuk image untuk DOWNLOAD script code ada DISINI

REKAPITULASI
  1. index.php loading request halaman PHP lain yang didefinisikan dalam file PHP. Lalu halaman PHP ini memanggil file-fle tpl dan bersama mengubahnya menjadi web page

  2. index.tpl hanya berisi satu baris :
    {$ HOOK_HOME}.
    Hal ini disebabkan file index hanya akan menampilkan modul-modul Prestashop yang ditugaskan untuk homepage. Kategori dan halaman produk akan ditampilkan dengan bantuan modul lain.

  3. Body ID berbeda-beda pada masing-masing halaman - misalnya : index.tpl, category.tpl, product.tpl. Sehingga kita punya fleksibilitas untuk style halaman berbeda-beda dengan hanya menggunakan aturan di global.css untuk menargetkan body ID. Darimana hal seperti ini berasal?

    Periksa header.tpl, kita akan lihat satu baris ini :

    <body {if $page_name}id="{$page_name|escape:'htmlall':'UTF-8'}"{/if}>
Kode itulah yang menjadikan nama page. Sehingga category.tpl akan punya <body id="category">




Sumber :
www(dot)daveegerton(dot)com/prestashop-guides/Prestashop-Designers-Guide/Structure/File-Structure(dot)

KEMBALI KE  >>>>>  BAGIAN 1

That's all we know - Happy blog blogger

read more website design

24 April 2014

Website Toko Online Prestashop : Struktur Konfigurasi 1



Sebagai Admin toko online, kita tahu Prestashop punya sedemikian banyak fitur untuk dioptimalkan pemakaiannya. Sebagai web designer, kita juga bingung ada ratusan modul khusus untuk Prestashop (berbayar maupun free) yang ditawarkan di internet oleh developer independent. Tapi kali ini kita membicarakannya dari sudut pandang website designer.

File index.php template website toko online Prestashop

Prestashop - seperti juga pada semua script PHP - akan memuat  website dengan menggunakan file index.php. Toko online http://www.clodaclodi.com/ adalah pengguna theme PRESTASHOP. Artinya, semua file seperti : .php, .tpl, .css dan semua folder dalam CMS Prestashop  akan ditempatkan pada database web server (hosting) yang digunakan oleh clodaclodi[DOT]com.

Maka saat visitor mengetik URL ini - http://www.clodaclodi.com/ pada address bar browser (Mozilla atau Google Chrome etc.), maka web server tersebut segera akan memuat halaman indeks tersebut. Halaman indeks ini merupakan informasi yang menentukan apa yang terjadi.

Untuk memahami apa yang terjadi saat memuat situs tersebut, kita perlu tahu tentang file indeks.

INDEX.PHP

Isi halaman index.php (versi 1.1.0.5) pada Prestashop garis besarnya meliputi kode berikut :

php-file-Prestashop

Secara garis besar isi file INDEX.PHP terdiri 5 baris kode (seperti terlihat diatas) sebagai struktur dasar yang membangun toko online Prestashop dan menjadikannya sebagai konfigurasi elemen-elemen dasar yang terintegrasi. Postingan kali ini akan menjelaskan kelima baris kode tersebut.

Struktur Website Prestashop : Penjelasan isi file INDEX.PHP

PENJELASAN PERTAMA : file config.inc.php

index.php termasuk di dalamnya file config.inc.php yang terletak di direktori config.
File config.inc.php ini melakukan konfigurasi dan pengaturan setting lainnya.

File config.inc.php akan memeriksa apakah semuanya sudah terpasang (install) dan mendefinisikan template dasar (base theme), default direktori dan alurnya (paths), status order dan setting lain. Saya tidak akan menyibukkan diri dengan penjelasan rinci.

Sebagai Website Desainer, kita perlu melacak jejak error dari waktu ke waktu. Jika Anda buka file config.inc.php di lokasi ini ---> .../config/config.inc.php (silahkan cari di folder config pada cPanel). Maka pada baris paling atas file, Anda akan melihat ini :


@ini_set('display_errors', 'off');


Jika Anda ubah menjadi :

@ini_set('display_errors', 'on');


Dengan di-setting "on" berarti Anda mengaktifkan “Error Reporting” – tetapi harus diingat, Anda HARUS segera mengembalikannya ke status off setelah berhasil melacak error yang terjadi.

Saya tegaskan lagi!!!.

Kembalikan ke status default “off” ketika live installation (atau setelah berhenti melacak error). Karena jika lupa mungubah ke "offf" akan muncul secara terus-menerus pesan seperti gambar ini:


status off display-error-Prestahop

PENJELASAN KEDUA : File header.php

config ini dimuat (loaded), maka file index.php diperintahkan untuk menyertakan file header.php dari instalasi root (root install). Yang dimaksud dengan root install BERARTI langsung dari situs Prestashop kita, bukan dari sesuatu yang terdapat dalam setiap sub-direktori.

File header.php

ISI-header.php-Prestashop
Snippet isi file HEADER.PHP dalam bentuk image untuk DOWNLOAD script code ada DISINI



Disini saya juga tidak akan terlalu jauh membicarakan code pada file header.php diatas.

PENJELASAN KETIGA : HOOK_HOME

Kita temukan pada baris ke-3 file INDEX.PHP (seperti terlihat pada awal postingan) baris kode ini :

$smarty->assign('HOOK_HOME', Module::hookExec('home'));

Baris kode tersebut untuk menentukan Hook (pada dasarnya Hook memungkinkan administrator untuk menentukan dimana mereka ingin modul tertentu ditampilkan pada toko Prestashop)

PENJELASAN KEEMPAT : Display File index.tpl

Selanjutnya kita temukan ini :

$smarty->display(_PS_THEME_DIR_.'index.tpl');

Baris code diatas mengatakan bahwa display file index.tpl dalam posisi dari direktori default theme.
(Anda menentukan theme tersebut untuk digunakan di Back-Office >> Preferances >> Appearance
)

PENJELASAN KELIMA : File footer.php

Pada baris kelima file INDEX.PHP kita temukan footer.php :

include(dirname(__FILE__).'/footer.php');

Baris kode diatas mengatakan php ini mencakup file footer.php dari direktori kita (dirname))

File footer.php tersebut secara garis besar memiliki snippet code berikut :

File footer.php

ISI-header.php-Prestashop



Tiap file-nya  mengandung permintaan PHP untuk memasukkan file lain. Kita hanya peduli dengan apa yang sedang terjadi. Deskripsi ini untuk memahami bagaimana PrestaShop bekerja.

SELESAI - That's all we know

Meskipun kita sudah melakukan setting konfigurasi Prestashop, namun Hooks dan berbagai file php  belum punya HTML apapun. Di sinilah template (file .tpl) masuk dan mengambil peran utama.

FILE .TPL : LAYOUT WEBSITE TOKO ONLINE PRESTASHOP

File-file tpl menentukan layout situs html (webpage Prestashop) dan ada dalam folder theme. File tpl tersebut sebagian besar berada di direktori theme, tetapi juga ada di modul karena setiap seseorang menulis modul perlu file template sendiri (tpl).

File tpl adalah file template mencakup HTML dan kode Smarty.

file-tpl-website store prestashop

Penjelasan file .css dan .tpl

Jadi file global.css sedang dipanggil dari direktori theme Prestashop. untuk pemanggilan ini diperlukan file CSS lain dan juga file JavaScript yang sudah terkandung didalamnya.

Tampilan HTML (merupakan bagian dari layout webpage) berasal dari file header.tpl, dan index.php "memanggil" index.tpl, dan demikian juga file footer.php "memanggil" (meminta) footer.tpl.

Bersambung ke >>>>    BAGIAN 2

That's all we know
read more website design

16 April 2014

Bagaimana Merancang Website untuk Toko Online?


Website store : Anda punya produk untuk dijual?

Dalam bisnis harus ada strategi dan visi. Demikian juga dalam bisnis online. Banyak pecundang gagal menjalankan bisnis online (via website, toko online, Facebook etc) hanya ikut-ikutan tanpa planning, tanpa strategi dan visi sehingga pada satu titik tidak tahu lagi harus berbuat apa. Mereka membuat website atau halaman Facebook, untuk selanjutnya malas memperbaharui content (posting). Akibatnya pengunjung tidak kembali lagi – pergi bersama uangnya.

Ada hal teknis yang harus dikuasai agar bisnis online running. Jika bisnis online dicari kemiripan dengan toko riil. Maka untuk menjalankan toko online (toko riil), dibutuhkan beberapa hal  :
  1.  Nama domain, sebagai alamat toko

    icon toko online prestashop
  2. Account web hosting sebagai ruang toko
  3. Software HTML editor sebagai alat pembuat perlengkapan display toko
  4. Software FTP sebagai alat pengirim perlengkapan display ke toko
Anda harus memberi nama Toko riil (atau dianalogikan sebagai domain name toko online) dan juga harus menyewa ruangan (dianalogikan jasa sewa web hosting tahunan) untuk eksistensi bisnis.

Setelah ada produk, domain &  sewa host, Anda perlu source (aplikasi HTML Editor (Dreamweaver), CSS, script code etc) untuk menyiapkan fitur display Toko online. Anda harus memajang produk di toko online dan membutuhkan software FTP untuk memastikan toko online bisa dilihat orang.

Singkatnya toko online memerlukan 4 hal :
  1. Nama domain - nama ditentukan berdasarkan survey keyword yang paling optimal.
  2. Account web hosting - punya account server dari penyedia layanan hosting berbayar.
  3. Software HTML editing - untuk merancang layout website.
  4. Software FTP - untuk upload file-file website tersebut ke account web hosting.

Nama Domain untuk website toko online

Nama domain sama seperti nama (alamat) Toko riil. Setelah file website diupload, publik bisa akses toko online dengan mengetik (nama) domain atau mencari di Search Engine. Beberapa pertimbangan dalam menentukan domain :
  • Nama Domain harus unik.
    Check nama domain (sudah dipakai atau belum), gunakan layanan www.truewhois.com
  • Nama domain berkaitan dengan Isi website atau produk Anda.
  • Gunakan domain berakhiran .com. Mengapa?
ARGUMENTASI :
Jika mencari alamat situs, kata apa yang terlintas di otak kebanyakan orang? Jawabnya .com. Domain akhiran .com memiliki brand 80% lebih baik daripada domain akhiran lain.

  • Jangan pertaruhkan bisnis Anda dengan nama asal-asalan.

Membeli Domain : List website penyedia domain name

Sebenarnya Anda menyewa domain, sebab tiap tahun harus bayar $10-$15 per tahun untuk perpanjangan. Berikut ini daftar situs penyedia domain murah. Pembayaran via credit card atau transfer bank. Jika tidak punya kartu kredit, disarankan membeli domain di website indonesia.
Pembelian domain dengan kartu kredit :
  1. • http://www.ucvhost.com
  2. • http://www.domainpeople.com
  3. • http://www.registerdomain.com
Pembelian domain dengan transfer bank :
  1. • http://www.techscape.co.id
  2. • http://www.cakranic.com/
  3. • http://www.apenta.com/
  4. • http://id.chalicehost.net/
  5. • http://www.cyberspace.co.id/
  6. • http://www.dutahost.net/
  7. • http://www.gadjahmada.com/
  8. • http://www.medannic.com/
Atau cari di http://www.google.com / http://www.searchindonesia.com (untuk lokal) dan ketik “buy domain” atau “beli domain” atau “web host.” Akan ditampilkan ratusan halaman berbagai perusahaan penyedia domain dengan berbagai fitur dan harganya.

Account Web Hosting untuk website toko online

Internet pada dasarnya adalah kumpulan jaringan komputer yang terhubung satu sama lain. Supaya data dalam komputer (website) Anda bisa diakses oleh computer lain, maka Anda perlu menyimpannya pada sebuah server yang bekerja 24 jam sehari, dan ini di sebut web hosting. Situs yang menyediakan domain seperti daftar diatas juga menyediakan layanan web hosting dan Seringkali, pembelian domain merupakan satu paket dengan penggunaan layanan web hosting.

Layanan website hosting dengan Credit Card, Paypal atau transfer bank :

  1. • http://www.karyaweb.com
  2. • http://www.cliohosting.com
  3. • http://www.paheweb.com
  4. • http://www.master.web.id
  5. • http://www.gapura.web.id
  6. • http://www.andalan.net
  7. • http://www.websolusi.com
  8. • http://www.techscape.co.id
  9. • http://www.singcat.com
  10. • http://www.indoweb.com

Support untuk untuk website toko online

Untuk membuat sendiri website toko online atau kustomisasi web store beserta segala kerumitannya, Anda membutuhkan skill coding, software pendukung dan lainnya.

Software HTML Editing

Awalnya untuk membuat halaman website membutuhkan pengetahuan khusus HTML Hasilnya pun berupa website simple. Sekarang untuk menggambarkan kemudahan rancangan website page ada istilah WYSIWYG (What You See Is What You Get). Software popular untuk merancang website (e.g. FrontPage dan Dreamweaver) memberi kemudahan luar-biasa dengan WYSIWYG.

Jika belum pernah sama sekali merancang halaman web, ada tips sederhana untuk membuat web yang menarik dengan cepat :
  1. Jelajahi Internet, carilah satu halaman web yang sederhana namun menarik.
  2. Save halaman tersebut (file > save as > halaman web (complete)).
  3. Lalu aktifkan software frontpage, biasanya sudah tertanam di komputer anda.
  4. Melalui frontpage, buka halaman web yang telah disimpan.
  5. Anda akan melihat dari frontpage bagaimana halaman web tersebut dirancang.
  • Berlatihlah mengubah huruf, warna, tabel etc. Anda akan cepat belajar dengan cara ini - Learning by doing.

Software FTP - website files

Setelah Anda punya file-file untuk webpage, kini saatnya memasang di web host. Anda membutuhkan software FTP (File Transfer Protocol). Software FTP adalah alat khusus yang memungkinkan anda memindah file dari komputer dan meletakkannya ke web atau disimpan oleh server (web host). Contoh :

Software FTP WS_FTP Pro atau WS_FTP LE. Keduanya dibuat oleh Ipswitch.com.
Upload file Anda ke dalam Website
Kolom isian software FTP diisi data yang diterima dari web hosting via email setelah account web host anda diaktifkan. Data yang diminta :

Host Name/Address : Alamat website

Yang dimaksud alamat website adalah URL website toko online Anda (domainanda(DOT)com) atau IP address. IP address adalah serangkaian angka yang diberikan oleh web host kepada Anda sebagai identitas. IP address ditemukan dalam email aktivasi account.
  • User ID
  • User ID digunakan untuk mengakses account hosting anda.
  • Password
       Ini adalah password account hosting anda.

CATATAN UNTUK WEBSITE TOKO ONLINE

  • Domain dan account web host adalah informasi sangat penting. Jangan sekali-kali memberikan data akses ke orang lain. Sekali kehilangan password, Anda juga kehilangan bisnis, seberapa pun besar perusahaan online yang Anda punya.

  • Jika 3 data (HostName, ID, Password) sudah diisi dengan benar dan klik OK, maka otomatis software FTP akan mengakses account hosting.

  • Jendela FTP terbagi 2. Bagian kiri adalah data file Anda di komputer lokal. Dan bagian kanan adalah data file di web hosting account Anda. Jika anda ingin mentransfer file yang ada di sebelah kiri ke data sebelah kanan, yang perlu anda lakukan hanyalah memilih beberapa file yang akan di pindah lalu klik tanda “=>” yang terdapat di bagian tengah.

  • Pada account web host, file-file tersebut Anda ingin menyimpannya di folder sebelah mana?

  • Pada web host yang saya miliki, saya menyimpan file tersebut di folder public_html. Nama folder penyimpan file html untuk setiap web host mungkin berbeda, namun sebenarnya maksudnya sama. Anda bisa baca petunjuk detail pada setiap web host yang menerangkan soal folder penyimpanan. Jika ingin membukanya, klik 2x folder tersebut (public_html).

  • Umumnya folder ini tidak berisi apa-apa selain sub folder “cgi-bin”. Jika ternyata terdapat beberapa file atau folder lain, biarkan! Ini tidak masalah. Tugas anda selanjutnya adalah mentransfer file web yang sudah dirancang sebelumnya di PC menuju web account. File tersebut di sebelah kiri.

  • Sedangkan tujuan transfer ada di sebelah kanan. Saya harap anda ingat bagaimana mentransfer file di komputer secara local.

  • Dengan memakai Windows Explorer. Cara di FTP sama dengan cara transfer di windows explorer. Hanya saja di FTP lebih praktis. Anda hanya perlu pilih file dan klik tombol =>

  • Anda bisa mentransfer file satu per satu, atau sekaligus. Sama seperti Anda mentransfer file dari satu folder ke folder lain di Windows Explorer, anda bisa memilih beberapa file sekaligus dan langsung upload ke web account.

Bisnis Online sudah siap!

Jika proses transfer sempurna, silakan akses website. Ketik  www(DOT)domainanda(DOT)com
di browser. Periksa semua tampilan website, link-linknya, dan sistem navigasi. Adakah link mati? Coba sistem pendaftaran, sistem reseller etc. Setelah yakin semua OK, Anda Promosikan!



read more website design

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

19 November 2013

Website Toko online Prestashop : Navigasi Footer 2


Bagian ini kelanjutan Bagian I modifikasi menu navigasi footer halaman website toko online Prestashop. Bagian pertama membicarakan pemahaman dasar bagaimana mengubah footer, dan file website mana yang harus diubah.

Kita tahu sistem navigasi website sangat vital bagi kenyamanan tamu website. Navigasi baik akan memudahkan tamu mencari dan menelusuri content website. Menu-menu navigasi horizontal bisa ditempatkan di bagian header, menu navigasi horizontal bisa ditempatkan pada kolom kiri dan di kolom kanan.

Default footer bar website toko online Prestashop

Untuk edit footer silahkan buka file public_html/modules/blockcms/blockcms.tpl di Control Panel seperti dibawah ini :

block-CMS-navigasi2-1

Membuat menu navigasi di footer bar

Prestashop memberi keleluasaan membuat modifikasi footer bar sendiri. Anda pun dapat melakukannya. Berikut ini contoh toko online pesanan client saya

Screenshot toko online MYTOKO-juli-2012

Untuk membuat menu navigasi footer milik Anda sendiri – bagian mana yang harus dimodifikasi?  Untuk membuat menu footer bar Anda bisa melakukan perubahan snippet diantara ini.

<!-- MODULE Block footer –>   dan   <!-- /MODULE Block footer –>

Langsung praktek, saya membuat menu footer bar toko online bajuditoko.com seperti ini :

Screenshot-bagian-footer-toko-online 
Saya ubah kode html diantara <!-- MODULE Block footer –> dan <!-- /MODULE Block footer –> menjadi seperti dibawah ini :
block-CMS-navigasi2-2
Gambar dari snippet kode diatas seperti ini :

footer-toko-online-mytoko-olstore-final

Bagaimana cara mendapatkan URL suatu CMS?

Silahkan pergi ke TOOLS >> CMS, lalu menuju ke CMS <<Tentang Kami>> Pada kolom AKSI klik tombol <<View>> Maka akan terbuka halaman CMS “Tentang Kami” Masukkan ke :

<li class="item">
<a href="disini” title="Tentang kami" title="About us"><font color="white"><strong>Tentang kami</strong></font></a></li>

Lakukan dengan cara sama untuk mendapatkan URL CMS lain.

Catatan :
{/if}  jangan sampai lupa karena sebagai penutup snippet

Kembali ke Bagian Pertama


.

read more website design

15 November 2013

Prestashop : direct to payment after login in order page


Secara default CMS Prestashop menawarkan proses berbelanja di toko online Prestashop dalam 5 tahap prosedur berbelanja di web store.

Tahap-tahap berbelanja di webstore Prestashop

Berikut ini prosedur cara berbelanja di toko online Prestashop.
  1. RESUME/ Kesimpulan : Anda klik produk-produk untuk dibeli akan dihasilkan list belanjaan.
  2. LOGIN untuk melanjutkan transaksi. Bagi member, hanya perlu ketik email dan password
  3. ALAMAT. Pada tahap ini dikonfirmasikan alamat tujuan pengiriman barang.
  4. PENGIRIMAN. Pada tahap ini fitur jasa kurir yang dipilih (JNE) akan mengenali alamat tujuan.
  5. PEMBAYARAN. Pada tahap terakhir ini Anda diarahkan ke cara pembayaran. Atau lebih spesifik lagi akan ditampilkan daftar rekening bank untuk menerima pembayaran.

Skip Shipping

step-step berbelanja di webstore Prestashop
Pada topik ini kita akan menyederhanakan transaksi toko online dengan menghapus step pengiriman (shipping) dari 5 tahapan transaksi :

Ringkasan / Kesimpulan ---> LOGIN ---> ALAMAT ---> SHIPPING  ---> PEMBAYARAN.

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

Skip Shipping Step :

  1. Buka 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()
    Silahkan diblokir (Block) baris tersebut dengan menambahkan “ // “ di depannya dan tulis baris lainnya seperti dibawah ini :

    case 1: displayPayment(); //displayAddress(); break;
    Tindakan ini akan menjadikan user (pembeli online) akan dibawa langsung ke Payment Choice (tahap metode pembayaran)

    • 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).
    • Penutup. Buka file order-payment.tpl yang juga ada di themes directory.
    • Lihat baris 24 dan check baris ini :
      {$base_dir_ssl}order.php?step=2
      Gantilah angka2 dengan angka 0. Maka ketika menekan tombol “KEMBALI” pada layar “Payment Choose”, akan mengembalikan Anda ke halaman Daftar Belanja.



That's all we know


read more website design

30 Oktober 2013

Argumen pilih website toko online Prestashop


Website store Prestashop : Sistem penjualan sophisticated

S ekelompok programmer Perancis menciptakan CMS web store (toko online) platform Prestashop, mulai release Agustus 2007. Mereka menjadikan transaksi online dilakukan dengan sangat mudah dan cepat. Sebagai sistem penjualan yang dilengkapi efek zoom, cara order, pembayaran, pengiriman hingga komunikasi pelanggan secara otomatis.

Lebih dari 10 Alasan memilih website toko online Prestashop

Berikut ini argumen penting memilih Prestashop.

1. Source code hasil decompress file zip mudah dilihat dengan Notepad

2. Web Developer lebih memungkinkan membuat modul independen

3. Cepat, baik saat loading website maupun dalam proses transaksi

4. Keamanan

4.1. Support terhadap SSL (disyaratkan web-server Apache. Untuk SpeedLite tidak bisa).
4.2. Login Back Office dan Front Office dengan password terenkripsi
4.3. PCI DSS Compliant
4.4. Password terenkripsi di Database
4.5. Ketahanan dari serangan hacker/kracker, biasa pakai metode XSS, CSRF, SQL injections,
        distant inclusions, path transversal (pernah ditest pakai addons Firefox untuk test ketahanan
        web dengan methode SQL injection dan XSS, hasilnya Prestashop OK).
4.6. Cokies yang unik dan terenkripsi.
4.7. Kemampuan blokir pengulangan password berlebihan (biasa karena  user lupa password)

5. Features

5.1. Kategori dan subkategori yang tidak terbatas
5.2. Group Attribute (unlimited) misalnya: ukuran, warna, berat etc.
5.3. Attribute (unlimited) misalnya: merah, hijau, S, M, L, 1kg, 2 kg
5.4. Kombinasi Attribute (unlimited) misalnya: baju warna merah-ukuran M
5.5. Generator kombinasi attribute otomatis
5.6. Spesifikasi produk (unlimited)
5.7. Gambar (unlimited) dengan generator resizing otomatis
5.8. Satu produk dengan banyak gambar (unlimited)
5.9. pembesaran gambar (zoom dan thickbox)
5.10 [Module] Watermark
5.11 [Module] Komentar pembeli untuk masing-masing produk
5.12 Bisa menampilkan dua harga (dengan pajak dan tanpa pajak)
5.13 Bisa memilih jumlah produk dalam 1 halaman
5.14 Bisa menampilkan jumlah stock yang tersedia
5.15 Pengurutan produk berdasarkan nama, harga, dan jumlah stok
5.16 Halaman produk bisa diprint
5.17 Pengecekan katalog seperti stok, produk tidak aktif, dsb
5.18 Kategori terbatas untuk masing2 group buyer –> buyer biasa berbeda dengan buyer grosir
5.19 Bisa menyisipkan attachment pada masing produk –> misal manual user, driver / software.
5.20 Diskon berdasarkan quantity pembelian (dalam persen)
5.21 Diskon berdasarkan quantity pembelian (dalam jumlah)
5.22 Referensi produk (ISBN-EAN13) –> berguna jika memakai barcode system
5.23 [Module] Wishlist
5.24 Bisa mengirimkan wishlish melalui email
5.25 Laporan pembelian produk di wishlist (kapan dan oleh siapa)
5.26 Managemen produsen/ merk
5.27 Managemen Suplier
5.28 [Module] Beritahu ke teman –> untuk mengirim email tentang info produk
5.29 Virtual Produk (Download) misalnya: MP3, PDF, ebook
5.30 [Module] Cross Selling –> Pelanggan yang membeli produk ini juga membeli ...

6. Statistic

6.1. [Module] Online visitors –> statistik tamu (visitors) dan pelanggan (custemers) yang online
6.2. [Module] Visits and visitors –> statistik visitors dan total kunjungan (visits) ke toko online
6.3. [Module] Orders and sales –> statistik order baik yang serius maupun fake, total sales (Rp)
6.4. [Module] Customers’ accounts –> statistik jumlah buyer yang membeli dan hanya coba-coba.
6.5. Module Customers’ profiles –> statistik berdasar gender, age, country, bahasa dan matauang
6.6. [Module] Visitors equipment –> statistik browser, Operating Systems dan plugin (Adobe
       Flash, Sun Java, Apple Quicktime, WMP, Adobe shockwave, Real Player)
       yang digunakan pengunjung.
6.7. Module Catalog statistics -> rating terjual per kategori, statistik produk belum pernah terjual
6.8. Purchase price of products (trade margin)
6.9. [Module] Products statistics –> statistik produk (berapa terjual dan berapa kali dilihat tamu)
6.10 [Module] Best customers –> statistik pelanggan terbaik yang membeli paling banyak
6.11 [Module] Visitor Origin –> statistik website referal, darimana tamu mendapat link toko online
6.12 [Module] Best products –> statistik product yang paling menguntungkan
6.13 [Module] Best Voucher –> statistik voucher yang paling banyak digunakan
6.14 [Module] Best categories –> kategori terbaik berdasar jumlah produk laku dan sering dilihat
6.15 [Module] Best suppliers –> statistik Supplier terbaik
6.16 [Module] Newsletter statistics –> Module Newsletter harus diaktifkan
6.17 [Module] Carriers distribution –> statistik pengiriman
6.18 [Module] Geo localization –> Menampilkan peta dunia yang menunjuk asal negara client
6.19 [Module] Pages not found –> statistik halaman yang tidak ditemukan browser
6.20 [Module] Shop Search –> statistik Keywords yang sering dicari
6.21 [Module] Google Analytics –> Mengintegrasikan script Google Analytics di toko online kita
6.22 [Module] GD (Artichow) visualization –> Untuk tampilan grafik di statistik
6.23 [Module] Flash (XML, SWF Charts) visualization –> Untuk tampilan grafik di statistik
6.24 [Module] Silverlight (Visifire) visualization –> Untuk tampilan grafik di statistik
6.25 [Module] Google Charts visualization –> Untuk tampilan grafik di statistik

7. Spoiler for Customer

7.1 Registerasi Pelanggan
7.2 Recovery Password jika lupa
7.3. Mengirim auto-email kepelanggan mengenai status pembelian
7.4. Group pelanggan –> misalnya pelanggan biasa dan grosir
7.5. Back up keranjang belanja
7.6. [Module] Loyalty system (points)
7.7. [Module] Customer referral program
7.8. [Module] Newsletter opt-in
7.9. [Module] Customers follow up (forsaken carts)
7.10 Voucher unutk pelanggan terbaik
7.11 Voucher untuk pelanggan yang telah membeli produk
7.12 [Module] Birthday Gift –> Hadiah ulang tahun untuk pelanggan
7.13 [Module] Allert Email –> Mengirim Email ke pelanggan

8. Spoiler for Order

8.1. Status order bisa diatur
8.2. Template auto-email
8.3. Pengaturan pembelian minimal
8.4. Pengaturan pembelian barang yang stoknya habis
8.5. Manajemen pengembalian barang
8.6. Penambahan stok dari barang yang dikembalikan
8.7. Nota pembelian dan pengiriman bisa didownload dalam bentuk PDF
8.8. Penawaran special –> diskon / kupon
8.9. Diskon dalam persen dan diskon dengan jumlah yang tetap
8.10 Kupon pada kategori, dengan jumlah minimal atau tidak, dikombinasikan atau tidak, per client
8.11 Voucher gratis ongkos kirim
8.12 Penawaran bungkus kado dan bungkus dengan bahan daur ulang
8.13 Biaya bungkus / packing

9. Spoiler for Payment

9.1. Methode Pembayaran tak terbatas, modulnya bisa di-download di addons.prestashop.com
9.2. Pembayaran dengan Mata uang berbeda setiap negara
9.3. Pembayaran disesuaikan dengan group pelanggan
9.4. [Module] Bankwire –> Transfer ke rekening Bank
9.5. [Module] Check –> Pembayaran dengan cek
9.6. [Module] Cash on delivery –> COD
9.7. [Module] Google Checkout
9.8. [Module] paypal
9.9. [Module] Moneybookers
9.10 [Module] Hipay

10. Spoiler for Shipping

10.1. Unlimited carriers
10.2. Carrier berdasarkan zona / negara
10.3. Email pemberitahuan status pengiriman
10.4. Manajemen tracking (AWB)
10.5. [Module] Courser shipping with DEJALA
10.6. [Module] Store pick-up –> Buyer mengambil sendiri barang di toko (tanpa jasa kurir)
10.7. Ongkos kirim bisa ditambah / diatur
10.8. Penghitungan ongkos kirim berdasarkan berat dan berdasarkan harga
10.9. Alamat pengiriman bisa berbeda –> misalnya dikirim ke saudara di luar pulau

11. Spoiler for Translation

1. Ada 3 standard bahasa: English, French, Spanish
2. Bahasa bisa ditambahkan dengan mudah (ekspor-impor)
3. Bahasa bisa diinstal tak terbatas – Sudah tersedia lebih dari 40 terjemahan
4. Online Translation tool

12. Spoiler for Localization

1. Support Mata uang berbeda (tak terbatas)
2. Format Mata Uang ($xx.xx atau xx.xx$ atau titik diganti koma, atau tanpa pecahan sen)
3. Sinkronisasi perubahan nilai tukar mata uang
4. Pengaturan Pajak (tidak terbatas)
5. Pajak per negara / zona
6. Pajak per negara bagian / propinsi
7. Timezone

13. Spoiler for SEO

1. SEO optimized
2. Meta tags (meta title, keywords…) management
3. [Module] Canonical URL – Duplicate content
4. [Module] Google Sitemap
5. URL rewriting
6. Permalinks

14. Spoiler for Template (Modular Theme)

1. Mudah modifikasi theme –> banyak web-programmer mengakui bikin theme prestashop mudah
2. Banyak theme gratis –> kunjungi forum prestashop.com
3. Compatible dengan browser IE6 –> meskipun IE6 sudah teramat jarang pemakainya
4. W3C compliant
5. Customizable homepage (text, pictures)
6. Customizable favicon
7. Breadcrumb
8. Multiple recipient contact form
9. Products scenes (products presentation)

15. Spoiler for Modules (Modular Addons)

Add-on mudah untuk install/ uninstall karena bersifat modular. Modul yang tersedia secara default :
1. [Module] Ajax cart –> memudahkan dan mempercepat transaksi, karena setiap klik ‘Add to Cart’
    produk langsung ditambahkan ke keranjang belanja tanpa perlu membuka halaman baru.
2. [Module] Tags cloud –> memudahkan klasifikasi produk dan mempercepat pencarian produk.
3. [Module] Ajax search –> dengan kemampuan Alias search
4. [Module] Tips on products pages –> memberitahu calon pembeli tentang produk yang dia lihat 
    kapan terakhir dibeli atau ditambahkan ke keranjang belanja
5. [Module] Featured products on the homepage –> menampilkan produk di halaman utama
6. [Module] Ads Block –> Menampilkan iklan
7. [Module] New products Block –> Menampilkan produk terbaru
8. [Module] Google Adsense Block–> Menampilkan iklan Google Adsense
9. [Module] Permanent Link Block –> Add bookmark sekali klik, link ke sitemap dan Contact Us
10. [Module] Currency Block –> Memilih Mata uang
11. [Module] Language Block –> Memilih bahasa
12. [Module] Products RSS feed
13. [Module] Related Product –> Menampilkan produk yang serupa (dalam kategori yang sama)
14. [Module] best sellers –> Menampilkan produk terlaris
15. [Module] User Account –> Tampilkan nama user, jumlah barang, total price keranjang belanja
16. [Module] Category Block –> Menampilkan kategori
17. [Module] Link Block –> Menampilkan link ke website lain
18. [Module] manufacturers Block –>Menampilkan daftar produsen / merk
19. [Module] suppliers Block –> Menampilkan daftar supplier / pemasok barang
20. [Module] My account block –> Informasi histori pembelian, voucher, profile pelanggan, etc.
21. [Module] Newsletter subscription block –> Menampilkan blok untuk berlangganan newsletter
22. [Module] RSS feed subscription
23. [Module] Payment Logo –> Menampilkan logo cara pembayaran, bank, paypai, kartu kredit
24. [Module] Third RSS feed block –> Menampilkan RSS
25. [Module] Fast search
26. [Module] Prices Drop –> Menampilkan produk yang sedang diskon
27. [Module] Footer links display –> Menampilkan link di bagian footer

16. Spoiler for Back Office

1. Contextual help in the Back-Office
2. Customizable Back-Office
3. Customizable shortcuts in the Back-Office
4. Integral search in the Back-Office
5. Multiple users management, and permissions (ACL)
6. Maintenance mode
7. IP authorization to reach the shop in maintenance mode
8. WYSIWYG text editor
9. Content management system
10. Affiliation program
11. Bulk lister – import .CSV files
12. Ability to add complementary modules
13. Modules On-Off in only one click
14. Subdomains management
15. Database backup (partial or full)
16. Automatic generation of .htaccess files
17. Automatic generation of robots.txt files
18. SMTP e-mails sending (with or without SSL-TLS) or PHP mail()
19. Specific typefaces management in PDF files
20. Products indexation for an optimized search
21. Live news from PrestaShop in the Back-office
22. Inventory management
23. SMS alerts (inventory, new order…)
24. Out of stock e-mail alerts
25. RSS feed
26. Export of the newsletter listed e-mails
13. Dukungan Forum yang luar biasa

17. Spoiler for Forum

1. Forum opensource paling aktif di kategori E-Commerce (140.000 registered member dalam
    waktu 3 tahun (sejak 2008-2010) rata rata 128 user baru/hari
2. Tersedia Forum khusus Bahasa Indonesia

18. Spoiler for nominator

Open Source E-Commerce Applications :
This category is reserved for the type of web applications that simplify buying and selling of products on the Internet. This will include complete e-commerce applications or frameworks designed for e-commerce. E-commerce modules or extensions to other systems can also be nominated. If a system is general purpose (like a CMS such as Drupal or Joomla!) the specific e-commerce functionality should be nominated, not the base system.

Open Source E-Commerce Applications finalists
1. Magento
2. nopCommerce
3. OpenCart
4. PrestaShop
5. Tomatocart


19. Spoiler for winner

Open Source E-Commerce Applications
This category is reserved for the type of web applications that simplify buying and selling of products on the Internet.

We are pleased to announce that PrestaShop has won the Open Source E-Commerce Applications category in the 2010 Open Source Awards.

Winner PrestaShop

1st Runner up: OpenCart
2nd Runner up: Tomato Cart
Congratulations to PrestaShop and commiserations to the Open Source projects that took part in the finals for this category but just missed out.


Prestashop in Salon du E-commerce 2013 Paris
Prestashop in Salon du E-commerce 2013 Paris

20. Spoiler for history update Prestashop

Prestashop 1.0
Prestashop 0.8.1 — Aug 2007
Prestashop 0.8.2 — Sep 2007
Prestashop 0.8.3 — 28 Sep 2007
Prestashop 0.8.4 — Okt 2007
Prestashop 0.8.5 — 31 Okt 2007
Prestashop 0.8.5.1 — 31 Okt 2007
Prestashop 0.9 — 04 Des 2007
Prestashop 0.9.1 RC1 — 15 Des 2007
Prestashop 0.9.1 RC2 — 27 Des 2007
Prestashop 0.9.2 — 30 Des 2007
Prestashop 0.9.5 — 14 Jan 2008
Prestashop 0.9.6 — 31 Jan 2008
Prestashop 0.9.7 — 15 Feb 2008
Prestashop 1.0.0.1 (1.0 beta 1) — 29 Mar 2008
Prestashop 1.0.0.2 (1.0 beta 2) — 02 Apr 2008
Prestashop 1.0.0.3 (1.0 beta 3) — 05 Mei 2008
Prestashop 1.0.0.4 (1.0 beta 4) — 24 Jun 2008
Prestashop 1.0.0.5 (1.0 beta 5) — 09 Jul 2008
Prestashop 1.0 (1.0 final) — 01 Aug 2008 (Latest version 1.0)
Prestashop 1.1
Prestashop 1.1.0.1 (1.1 beta 2) — 02 Nov 2008
Prestashop 1.1.0.3 (1.1 beta 3) — 17 Nov 2008
Prestashop 1.1.0.5 (1.1 final) — 18 Des 2008 (Latest version 1.1)
Prestashop 1.2
Prestashop 1.2.0.1 (1.2 alpha 1) — 04 Apr 2009
Prestashop 1.2.0.2 (1.2 alpha 2) — 20 Mei 2009
Prestashop 1.2.0.3 (1.2 beta 1) — 09 Jun 2009
Prestashop 1.2.0.4 (1.2 beta 2) — 17 Jun 2009
Prestashop 1.2.0.5 (1.2 beta 3) — 01 Jul 2009
Prestashop 1.2.0.6 (1.2 beta 4) — 15 Jul 2009
Prestashop 1.2.0.7 (1.2 beta 5) — 24 Jul 2009
Prestashop 1.2.0.8 (1.2 final) — 29 Jul 2009
Prestashop 1.2.1.0 (1.2.1 final) — 12 Aug 2009
Prestashop 1.2.2.0 (1.2.2 final) — 27 Aug 2009
Prestashop 1.2.3.0 (1.2.3 final) — 09 Sep 2009
Prestashop 1.2.4.0 (1.2.4 final) — 15 Sep 2009
Prestashop 1.2.5.0 (1.2.5 final) — 26 Okt 2009 (Latest version 1.2)
Prestashop 1.3
Prestashop 1.3.0.1 (1.3 alpha 1) — 26 Jan 2010
Prestashop 1.3.0.2 (1.3 alpha 2) — 25 Feb 2010
Prestashop 1.3.0.3 (1.3 beta 1) — 09 Mar 2010
Prestashop 1.3.0.4 (1.3 RC 1) — 15 Apr 2010
Prestashop 1.3.0.5 (1.3 RC 2) — 16 Apr 2010
Prestashop 1.3.0.6 (1.3 RC 3) — 21 Apr 2010
Prestashop 1.3.0.7 (1.3 RC 4) — 05 Mei 2010
Prestashop 1.3.0.8 (1.3 RC 5) — 12 Mei 2010
Prestashop 1.3.0.9 (1.3 RC 6) — 12 Mei 2010
Prestashop 1.3.0.10 (1.3 RC 7) — 20 Mei 2010
Prestashop 1.3.0.0 (1.3.0 final) — 25 Mei 2010
Prestashop 1.3.1.0 (1.3.1 final) — 03 Jun 2010
Prestashop 1.3.2.3 (1.3.2 final) — 01 Okt 2010 (Latest version 1.3)
Prestashop 1.4
Prestashop 1.4.0.1 (1.4 alpha 1) — 22 Jun 2010
Prestashop 1.4.0.2 (1.4 alpha 2) — 10 Nov 2010
Prestashop 1.4.0.3 (1.4 alpha 3) — 25 Nov 2010
……………………. x
Prestashop 1.4.8.2 — Juli 2012
Prestashop 1.4.9.0 —
Prestashop 1.5.1.0 —  September 2012.
Prestashop 1.5.2.0 —  November 2012.

PRESTASHOP TERBARU : Prestashop_1.6..x.x   (ter-update Oktober 2013)

Di ringkas dari berbagai Sumber :
http://sourceforge.net/projects/prestashop/
http://www.prestashop.com dan http://www(dot)kaskus.us/showthread.php?t=6090020
Disarankan : Gunakan versi final. Versi alpha, beta dan RC hanya untuk test/ development.

CATATAN
Ditemukan cacat pada versi 1.5.2.0 yaitu pelanggan tak bisa LOGIN meski sudah submit sebagai pelanggan sehingga memaksa saya kembali ke versi sebelumnya (down-grade) Prestashop 1.5.1.0



That's all we know

read more website design

29 Oktober 2013

Cara belanja mudah di web toko online Prestashop


S ecara default ada 5 tahap di sistem penjualan website toko online Prestashop, yaitu :

Berbelanja di website toko-online Prestashop

Berikut in tahap-tahap atau proses berbelanja di toko online Prestashop.

Shopping cart summary

Tahap pertama ini tampak di halaman “Shopping cart summary” Setelah Anda selesaikan pemilihan produk ingin dibeli. Secara teknis halaman ini muncul setelah Anda tekan tombol CHECKOUT. Check kembali item produk dibeli. Anda bisa membatalkan pembelian item dengan menekan tombol “DELETE” atau menambahkan belanjaan dengan menekan tombol “Continue Shopping.” Selanjutnya tekan “NEXT” untuk melanjutkan ke tahap berikut.

Login

Halaman LOGIN muncul setelah menekan tombol “NEXT” pada tahap “Ringkasan Keranjang Belanja.” Jika Anda pengunjung baru, silahkan tekan “Membuat Account.” Jika sudah punya account ke toko-online tersebut, maka masukkan alamat email disertai password untuk akses. Jika lupa password, llik “Lupa Password” untuk mendapatkan password baru.

Addresses

Tahap ketiga ini tampak setelah Anda menyempurnakan LOGIN yang memberitahukan Alamat Tagihan dan
Alamat Pengiriman, konfirmasi Alamat Pengiriman dengan memilih pada menu Dropdown dan memberi tanda Centang (check). karena mungkin Anda menginginkan perubahan alamat pengiriman.

Shipping

Halaman yang menginformasikan jasa kurir yang dipakai (misalnya, TIKI. POS atau JNE). Biaya pengiriman (jika ada) segera terlihat setelah memastikan alamat pengiriman benar (dengan menekan tombol NEXT). Silahkan beri tanda centang pada kotak Term of Services dan tekan NEXT.

Choose your payment method

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

prosedur shopping di toko online prestashop



Selamat berbelanja di toko online Prestashop



read more website design
Penelusuran topik khusus di blog ini
Loading