de-Novembre

Membuat Themes Baru Magento

Posted on: January 19, 2010

Bagi Anda yang pemula dalam Magento dan menginginkan tampilan web Magento Anda berbeda, Anda mungkin harus mempelajari bagaimana cara melakuakan perubahan ini.

Hal-hal yang harus Anda tau:

  1. Design layout magento terkonsentrasi dalam tiga bidang yaitu:
    • XML (konfigurasi pemanggilan component / blocks)(app)
    • PHTML (HTML dan peng-kondisian)(app)
    • CSS dan Images (Style sheet dan Images)(skin)
  2. Sistem foldering:
    • XML (app/design/frontend/default/“ini nama themes nya”/layout)
    • PHTML (app/design/frontend/default/“ini nama themes nya”/template)
    • CSS (/skin/frontend/default/“ini nama themes nya”/css)
    • Images (/skin/frontend/default/“ini nama themes nya”/images)

Pada app/design/frontend/default/ dan /skin/frontend/default/ anda akan melihat folder-folder, folder-folder tersebut akan menjadi themes listing di magento. Apabila Anda menambahkan folder pada folder tersebut dengan penama’an yang sama untuk kedua folder diatas, maka nama folder yang baru Anda buat tersebut secara automatis akan dikenali sebagai nama themes pada magento sistem.

Format penama’an folder diusahakan tanpa spasi dan semua huruf kecil, juga hindari penama’an-penama’an yang menggunakan simbol.

Dalam contoh berikut ada satu themes baru bernama “drugstore-1” ini adalah themes yang baru saja ditambahkan/dibuat, dengan mencopy folder default pada “app/design/frontend/default/” menjadi drugstore-1 dan juga pada folder /skin/frontend/default/.
Setelah Anda mencopy folder-folder tersebut sesuai dengan penama’an Anda sendiri, Anda bisa melakukan editing pada warna, text, fonts, ukuran, dan lain-lain sesuai kebutuhan dan keinginan Anda.
Advertisements

2 Responses to "Membuat Themes Baru Magento"

[…] tutorial sebalumnya tentang Membuat Themes Baru Magento dijelaskan bahwa folder-folder yang standard untuk melakukan modifikasi. Usahakan jangan melakukan […]

[…] tutorial sebalumnya tentang Membuat Themes Baru Magento dijelaskan bahwa folder-folder yang standard untuk melakukan modifikasi. Usahakan jangan melakukan […]

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google+ photo

You are commenting using your Google+ account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s

Categories

Advertisements
%d bloggers like this: