Mari kita buat tema anak jadi semua tema khusus kita di Magento 2 ada di sini:
app / design / frontend / company_name / theme_name
Mari kita asumsikan, nama perusahaan kita adalah perusahaanku dan nama tema kita adalah dasar. Kita perlu membuat struktur direktori berikut untuk tema kita:
app
└────design
└──────frontend
└──mycompany
└───basic
└──etc
└──Magento_Theme
│ └─layout
│ default.xml
└──media
│ preview.png
└──web
│ └─css
│ └─fonts
│ └─images
│ └─js
│ theme.xml
│ registration.php
perusahaanku :-
Nama paket tema
dasar: -
Nama tema. Kami dapat memiliki beberapa tema bernama di dalam folder perusahaan saya.
etc / view.xml: -
File ini digunakan untuk menentukan dimensi gambar produk, thumbnail, dll.
Magento_Theme: -
Direktori ini digunakan untuk mengganti file tema Magento yang ada.
Magento_Theme / layout / default.xml: -
Secara default Magento2 mengasumsikan bahwa file logo tema Anda seharusnya: /web/media/logo.svg
Jika Anda ingin file lain untuk logo, maka Anda harus mendeklarasikannya dalam default.xmlfile.
File ini juga digunakan untuk mengganti pengaturan tema default.
media / preview.png: -
Pratinjau tema saat ini.
web: -
Direktori ini berisi semua data statis tema seperti gambar, gaya, javascript, font, dll.
registrasi.php: -
File ini diperlukan untuk mendaftarkan tema kami ke sistem Magento2.
theme.xml: -
Ini adalah file wajib yang mendefinisikan nama tema kami, induknya dan gambar pratinjau tema opsional.
Membuat file tema
Mari kita buat file kita satu per satu.
theme.xml (aplikasi / desain / antarmuka / mycompany / basic / theme.xml)
<theme xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Config/etc/theme.xsd">
<title>Basic</title> <!-- your theme's name -->
<parent>Magento/blank</parent> <!-- the parent theme -->
<media>
<preview_image>media/preview.jpg</preview_image> <!-- theme's preview image -->
</media>
</theme>
registrasi.php (aplikasi / desain / antarmuka / mycompany / dasar / registrasi.php)
<?php
\Magento\Framework\Component\ComponentRegistrar::register(
\Magento\Framework\Component\ComponentRegistrar::THEME,
'frontend/mycompany/basic',
__DIR__
);
default.xml (aplikasi / desain / antarmuka / mycompany / basic / Magento_Theme / layout / default.xml)
<page xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_configuration.xsd">
<body>
<referenceBlock name="logo">
<arguments>
<argument name="logo_file" xsi:type="string">images/my_logo.png</argument>
<argument name="logo_img_width" xsi:type="number">200</argument>
<argument name="logo_img_height" xsi:type="number">200</argument>
</arguments>
</referenceBlock>
</body>
</page>
Pada titik ini, tema kita sudah siap. Kosongkan cache Anda dan kami sekarang akan memilih tema baru kami dari admin.
Sekarang, masuk ke admin dan pindah ke jalur berikut:
Content -> Design -> Themes
Anda harus melihat tema Anda tercantum.
Sekarang buka:
Stores -> Configuration -> Design
Pilih Situs Web Utama di depan Tampilan Toko di kiri atas. Sekarang klik
Desgin -> Design Theme
Hapus centang Gunakan kotak centang Default dan pilih tema Anda. Klik Save Config, kosongkan cache Anda dan tema baru Anda siap. Periksa halaman rumah Anda.
Untuk detail lebih lanjut lihat di sini.