Latest News


Tutorial Limecommerce : Mengganti Gambar Banner

Banner adalah gambar-gambar (selain gambar produk dan logo toko) yang bisa anda lihat di website, seperti di gambar di bawah ini.

Mengganti Banner

Untuk mengganti gambar banner default (bawaan) dengan gambar anda sendiri, lakukan langkah-langkah berikut:

  • Login ke halaman admin anda di <website>/manage (misalnya, namatokoonlineanda.limecommerce.com/manage).
  • Klik “Halaman Toko”, lalu klik “Block”.

  • Cari “Home Page Block” (nama block yang berisi banner bisa berubah-ubah tergantung tema yang digunakan. Jika anda tidak bisa menemukan blok homepage, carilah blok banner).
  • Klik “Select” -> “Edit”.

 

  • Misalnya, kita akan mengganti gambar banner pertama (gambar perempuan berbaju kuning sedang bersila). Klik tombol “Show / Hide Editor”.

  • Klik tombol “Insert Image”

 

  • Klik folder bernama “Home”. Temukan nama dan dimensi gambar yang ingin anda ganti. Nama gambar wanita berbaju kuning yang sedang bersila adalah “home-main.jpg” dan resolusinya adalah “1280×460 px”.

  • Anda harus mengganti gambar banner yang ada dengan ukuran resolusi yang sama. Misalnya, saya sudah menyiapkan gambar pengganti dengan nama “home-main2.jpg” dengan resolusi yang sama.

  • Anda bisa membuat gambar banner anda sendiri dengan software seperti Photoshop atau semacamnya. Untuk menggugah gambar banner anda, cukup tekan tombol “Choose Files” dan pilih gambar yang anda inginkan.
  • Sekarang, keluar dari jendela pop-up image dengan menekan tanda “X” di kanan atas.

  • Cari nama gambar yang ingin anda ganti diantara kode html untuk block homepage (home-main.jpg).

 

  • Edit sesuai dengan nama gambar banner baru yang akan anda gunakan (home-main2.jpg).
  • Kalau anda takut salah, sebelum merubah kode HTML-nya, blok semua kode yang ada dan copy di notepad++. Jika hasilnya tidak sesuai atau ada kesalahan, anda cukup mengcopy kode yang lama.
  • Klik tombol “Show / Hide Editor” untuk melihat apakah gambar banner yang baru sudah muncul apa belum.

  • Seperti yang anda lihat, gambar banner wanita berbaju kuning sudah digantikan oleh gambar banner yang baru. Klik tombol “Save Block”. Hasilnya akan seperti ini jika dilihat dari homepage.

 

  • (Jika masih belum ada perubahan, coba refresh cache anda terlebih dahulu). Caranya, ke “Advanced”, lalu “Cache Management”.

 

  • Klik tombol “Flush Magento Cache”.

Anda bisa melihat versi videonya di Video Tutorial : Banner.

Tags:

Leave a reply