Wednesday, December 18

Merubah/menambah gambar/warna pada background Prestashop 1.5.6.1

Merubah / menambah gambar / warna pada background prestashop sebenarnya terbilang mudah untuk dilakukan, saya jamin anda semuanya pasti bisa, sekarang mari kita lakukan perubahan sedikit file global.css yang berada di C:\xampp\htdocs\presta144\themes\themes-mu\css seperti gambar dibawah ini :


background:#EBEDF4; bagian ini merubah warna background dari standard yang berwarna putih menjadi warna lain sesuai dengan pilihan anda, anda bisa menggunakan ColorSchemer Studio apabila anda ingin mencari warna yang lebih spesifik atau menggunakan addon-nya mozilla yaitu COLOR That Site!




background: url("../img/ pears-seamless-pattern.png") transparent; bagian ini merubah background dengan memberikan latar belakang berupa image/picture, file pears-seamless-pattern.png ini berukuran 120px x 90px atau sesuaikan dengan selera anda , file ini diletakan di C:\xampp\htdocs\ presta144\themes\themes-mu\img

background-repeat:repeat-x: repeat-y; bagian ini memberikan efect penyebaran image ke seluruh bagian halaman web baik secara  horizontal maupun vertikal , jika anda hanya menuliskan repeat-x maka penyebaran image hanya secara horizontal ( 1 baris ) begitu juga dengan repeat-y penyebaran image dilakukan secara vertikal.

Lihat gambar dibawah ini, hasil dari perubahan dengan latarbelakang image




Sekian, Terima kasih
Tutorial by Syah Jehan Muhammad ( syahjehan27@gmail.com )

4 comments:

  1. Very good illustration through screen shot. Even novice people of prestashop can understand this. Great effort. Thanks for sharing this to us.

    PrestaShop script customization service

    ReplyDelete
  2. Mas Kalau di admin sidenya langsung yang gak melalui xamp bagaimana?apa ya sama.tapi kalau di panel adminya pan gak ada editornya.bagaimana solusinya?

    ReplyDelete
    Replies
    1. Rubah via offline baru Di replace ke webhost

      Delete