Pada template default Opencart ,di bagian atas tidak tersedia bagian untuk Hader ,disana hanya terdapat logo atau icon saja yang dapat diganti ,oleh karena itu jika ada yang menggunakan themes default Opencart untuk menamabah header ,ada tips nya,berikut tips tersebut:
1.pertama log in ke cpanel akun web anda(atau bisa juga menggunakan FileZilla)
2.Jika sudah Log in,kemudian pilih pada menu file,kemudian klik "file manager"
3.kemudian ikuti langkah-langkah berikut,klik public html>catalog>View>theme>default>stylesheet>stylesheet css
4.setelah masuk ke editor css,cari code #container {
5.#container {
width: 960px;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
text-align: left;
tambahkan dibawahnya css ini
height:300px;
background-image:url(../image/header.jpg);
6.kemudian cari kode ini
#header .div4 {
width: 510px;
clear: right;
float: right;
height: 32px;
padding-right: 14px;
dan bawahnya tambahkan kode ini
padding-top:220px;
7.kemudian save
8.kemudian untuk upload gambar headernya(960px X 300px),dan beri nama gambar tersebut dengan nama "header" dengan format JPEG ,silakan masuk ke catalog>view>theme>image
9.kemudian drag gambar headernya (jika menggunakan Fillezilla),atau upload lewat cpanel web
10.selesai ,header anda sudah dibuat
selamat mencoba.
1.pertama log in ke cpanel akun web anda(atau bisa juga menggunakan FileZilla)
2.Jika sudah Log in,kemudian pilih pada menu file,kemudian klik "file manager"
3.kemudian ikuti langkah-langkah berikut,klik public html>catalog>View>theme>default>stylesheet>stylesheet css
4.setelah masuk ke editor css,cari code #container {
5.#container {
width: 960px;
margin-left: auto;
margin-right: auto;
margin-top: 30px;
text-align: left;
tambahkan dibawahnya css ini
height:300px;
background-image:url(../image/header.jpg);
6.kemudian cari kode ini
#header .div4 {
width: 510px;
clear: right;
float: right;
height: 32px;
padding-right: 14px;
dan bawahnya tambahkan kode ini
padding-top:220px;
7.kemudian save
8.kemudian untuk upload gambar headernya(960px X 300px),dan beri nama gambar tersebut dengan nama "header" dengan format JPEG ,silakan masuk ke catalog>view>theme>image
9.kemudian drag gambar headernya (jika menggunakan Fillezilla),atau upload lewat cpanel web
10.selesai ,header anda sudah dibuat
selamat mencoba.

untuk versi 1.5 gmana gan, apa sama? terus tpl nya header.tpl nya diedit ngga?
ReplyDeleteUntuk Yg versi 1.5 pengeditannya juga hampir sama ,hanya tinggal menambahkan kode css nya header.tpl tdk diedit,,selanjutnya menyiapkan gambar sesuai ukuran dari css nya
Delete