Создание собственного шаблона домашней страницы в Magento2


11

Как все вы знаете, у magento2 есть некоторый шаблон макета, например 1column, 2 столбца слева, 2 столбца справа, 3 столбца, и я хочу создать собственный шаблон макета домашней страницы в Magento2, для чего я следую нескольким учебникам и создаю модуль и файлы, как сказано в что ссылки, но ни одна из них не работает, и я не могу получить макет "домашней страницы" на странице CMS -> вкладка дизайна.

Ниже приведены все ссылки, но ни одна из них не работает, поэтому у кого-то есть правильное решение, пожалуйста, поделитесь

первая ссылка

вторая ссылка

третья ссылка

четвертая ссылка

Ablove все решения не работают.


@Khoa TruongDinh Знаете ли вы ответ на этот вопрос?
Давал

Ответы:


23

Прежде всего, нам нужно знать, как создать собственную тему Magento 2, мы можем больше здесь: http://devdocs.magento.com/guides/v2.0/frontend-dev-guide/themes/theme-create. HTML

После создания новой пользовательской темы. Мы собираемся создать новый пользовательский макет для нашей домашней страницы. Например, наша структура папок:

введите описание изображения здесь

Мы должны сосредоточиться на двух файлах XML: layouts.xmlи page_layout/custom_home.xmlв Magento_Themeпапке

приложение / дизайн / интерфейс / Boolfly / книга / 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>

Идентификатор макета custom_home- это имя макета страницы ниже.

app / design / frontend / Boolfly / book / Magento_Theme / page_layout / custom_home.xml (я сделал копию по 1column.xmlумолчанию)

<?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>

Войдите в Magento Admin, найдите домашнюю страницу cms. Теперь наша домашняя страница пользовательского макета находится в списке макетов:

введите описание изображения здесь

Если мы выберем этот макет, мы увидим его на первой странице:

введите описание изображения здесь

Примечание: конечно, наш кеш Magento был очищен.


1
идеально!!!!! Я просто следовать своему пути , и моя работа done.Thanks братан
Dhaval

Я уже проголосовал, но, возможно, последняя часть ответа может объяснить, где именно найти вкладку дизайна на скриншоте.
Наводнение Иисуса Навина

0

Это легко достигается от администратора, я полагаю, вы уже создали тему.

Большинство из них запутались после создания новой темы, они потеряли внешний вид домашней страницы, потому что домашние блоки не назначаются домашней странице, пока мы создаем новую тему. Мы делаем это только вручную.

пожалуйста следуйте инструкции

войдите в систему администратора, затем перейдите к

Conten -> Страницы

найти домашнюю страницу, затем в столбце действий нажмите изменить, затем

Перейдите на вкладку «Содержимое», затем поместите приведенное ниже значение в текстовую область.

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

примечание: здесь block_id - это уникальный идентификатор блоков, вы можете найти список блоков и идентификатор блоков в Content-> Blocks.

наконец сохранить страницу

затем очистите кэш magento и браузера, загрузите домашнюю страницу, и вы увидите, что домашняя страница выглядит как домашняя страница luma.

Если вы хотите найти html-содержимое домашней страницы, найдите блок home-page-block в Content-> Blocks, а затем отредактируйте блок, вы можете увидеть html-содержимое домашней страницы .

Возьмите ссылку на этот HTML-контент, после чего вы можете разработать свой собственный HTML в соответствии с вашими требованиями, добавить CSS из файла макета вашей темы.

Вам нужны какие-либо разъяснения, просто упомяните в комментарии

удачи


как вы знаете, в magento2 есть несколько шаблонов, таких как 1 столбец, 2 столбца слева, 2 столбца справа, 3 столбца и т. д. Я хочу создать такой шаблон для ex: home-page, и после этого я хочу назначить этот новый макет для cms -> pages -> home page. Теперь вы поняли мою точку зрения?
Давал

Я думал, что вы пытались настроить содержание домашней страницы :-) Я не пробовал раньше, чем вы спрашиваете, поэтому я не могу помочь вам, кто-то подать вам руки.
Билал Усеан

Я пробовал это, но не работает в моем случае
Юсуф Ибрагим
Используя наш сайт, вы подтверждаете, что прочитали и поняли нашу Политику в отношении файлов cookie и Политику конфиденциальности.
Licensed under cc by-sa 3.0 with attribution required.