Cara Membuat Toko Online (Bagian 13) Mengatur penampilan Frontstore : Header

Minggu, 26 Maret 2017 13:19:35 ,Oleh ,Dilihat : 1.217 x

Diasuh oleh Dr. Ir. Agus Wibowo, M.Kom, M.Si, M.M 

Setelah produk, kategori, modul pembayaran, modul pengiriman  dari toko online selesai dikerjakan, langkahselanjutnya adalah mengatur tampilan frontstore sesuai dengan tema toko yangsudah dibuat (toko komputer, toko baju, toko aksesori ponsel, toko makanankering dan lainnya). Bagian yang pertama akan di rombak adalah Favicon dan logo, yaitu berupa gambar kecil yang terdapat pada sebelah kiri dari judul nama tokoonline (title).


Cara mengganti Favicon dan logo
1. Dari dasbor, pilih menu System --> Settings, kemudian kolom tindakan, tekan tombol Edit.


2. Pilih tab Image, tekan tombol Icon logo, kemudian tekan tombol Edit.


3. Muncul kotak dialog Image Manager. Pilih menu Unggah, arahkan ke tempat favicon berada, pilih gambar Favicon, tekan tombol Open.


4. Kemudian pilih sekali lagi gambar Favicon yang berhasil diunggah

Catatan :
Favicon gratis ini dapat anda unduh melalui alamat :


Setelah terunduh, ekstrak file menggunakan utility seperti winzip atau winrar. Angka 16, 32, 64, 72,114, 152, 512 merupakan ukuran gambar dari favicon yang terpilih. Sebagai contoh 32 mewakili ukuran 32 x 32 pixel. Anda dapat memilih mulai ukuran 32, 64 atau 72.

5. Untuk mengganti logo toko, pilih gambar Logo Toko, kemudian klik Edit


6. Arahkan ketempat dimana logo  toko diletakkan, pilih gambar logo yang diinginkan, klik Open.  Kemudian pilih sekali lagi gambar logo toko yang berhasil diunggah. 

7. Kemudian tekan tombol Simpan


Catatan :

1.  Untuk latihan membuat logo secara mudah, kunjungi situs berikut :

http://www.freelogodesign.org/



Kemudian klik tombol Create My Logo
2. Pada kotak dialog Add Logo, sebagai contoh pilih Computer, pilih gambar logo yang ada kemudian klik tombol Add


3. Pilih Teks yang sudah ada, klik kanan kemudian pilih Delete

4. Untuk menambahkah teks yan baru, klik tombol Add Text dan ketikkan tulisan yang diinginkan (tidak wajib menggunakan tulisan)
5. Anda bisa mengganti Jenis dan warna tulisan pada menu Pallete di bagian kanan