Membuat templat beranda khusus di Magento2

Seperti yang Anda ketahui bahwa Magento2 memiliki beberapa template layout seperti 1column, 2 kolom-kiri, 2 kolom-kanan, 3 kolom dan saya ingin membuat template layout homepage kustom di Magento2 untuk itu saya mengikuti beberapa tutorial dan membuat modul dan file seperti dikatakan dalam yang menghubungkan tetapi tidak ada yang berfungsi dan saya tidak bisa mendapatkan tata letak "beranda" di halaman cms -> tab desain.

Saya mengikuti di bawah ini semua tautan tetapi tidak ada yang berhasil sehingga siapa pun memiliki solusi yang tepat, silakan bagikan.

tautan pertama

tautan kedua

tautan ketiga

Tautan keempat

Ablove semua solusi tidak berfungsi.

Pertama-tama, kita perlu tahu cara membuat tema khusus Magento 2, kita bisa lebih lanjut di sini: http://devdocs.magento.com/guides/v2.0/frontend-dev-guide/themes/theme-create. html

Setelah membuat tema khusus baru. Kami akan membuat tata letak khusus untuk beranda kami. Sebagai contoh, struktur folder kami:

Kita harus fokus pada dua file xml: layouts.xmldan di page_layout/custom_home.xmlbawah Magento_Themefolder

aplikasi / desain / antarmuka / Boolfly / buku / Magento_Theme / layouts.xml

<?xml version="1.0" encoding="UTF-8"?>
<page_layouts xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
              xsi:noNamespaceSchemaLocation="urn:magento:framework:View/PageLayout/etc/layouts.xsd">

    <layout id="custom_home">
        <label translate="true">Custom Home</label>
    </layout>

</page_layouts>

Tata letak id custom_homeadalah nama tata letak halaman di bawah ini.

app / design / frontend / Boolfly / book / Magento_Theme / page_layout / custom_home.xml (saya membuat salinan dari 1column.xmldefault)

<?xml version="1.0"?>
<layout xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" 
        xsi:noNamespaceSchemaLocation="urn:magento:framework:View/Layout/etc/page_layout.xsd">
    <update handle="empty"/>
    <referenceContainer name="page.wrapper">
        <container name="header.container" as="header_container" label="Page Header Container"  htmlTag="header" htmlClass="page-header" before="main.content"/>
        <container name="page.top" as="page_top" label="After Page Header" after="header.container"/>
        <container name="footer-container" as="footer" before="before.body.end" label="Page Footer Container" htmlTag="footer" htmlClass="page-footer" />
    </referenceContainer>
</layout>

Masuk ke Admin Magento, cari halaman muka cms. Sekarang, halaman muka tata letak khusus kami ada dalam daftar tata letak:

Jika kita memilih tata letak ini, kita dapat melihatnya di halaman depan:

Catatan: Yakin bahwa cache Magento kami telah dihapus.

Mudah dicapai dari Admin, saya anggap Anda telah membuat tema.

Sebagian besar yang bingung setelah membuat tema baru mereka kehilangan tampilan dan rasa halaman rumah karena blok rumah tidak ditugaskan ke halaman rumah saat kami membuat tema baru. Kami hanya melakukannya secara manual.

silakan ikuti instruksi

login ke admin, lalu arahkan ke

Conten -> Halaman

cari Home Page, lalu di kolom tindakan klik edit lalu

klik tab Konten lalu tempatkan nilai di bawah ini di area teks

{{block class="Magento\Cms\Block\Block" block_id="home-page-block"}}

catatan: di sini block_id adalah id blok unik, Anda dapat menemukan blok daftar dan blok id di bawah Content-> Blok

akhirnya simpan halaman

lalu bersihkan cache dari magento dan browser Anda, muat halaman beranda, Anda bisa melihat halaman beranda seperti halaman luma.

jika Anda ingin menemukan konten html beranda, temukan blokir beranda-halaman di bawah Konten-> Blok kemudian edit bloknya, Anda bisa melihat konten html beranda .

ambil referensi dari html conetent ini, setelah itu Anda dapat mengembangkan html Anda sendiri sesuai kebutuhan Anda, Tambahkan CSS dari file layout tema Anda.

Anda perlu klarifikasi apa saja sebutkan dalam komentar

semoga beruntung.