Створення власного шаблону домашньої сторінки в Magento2


11

Як ви всі знаєте, що у magento2 є такий шаблон макета, як 1 стовпець, 2 стовпчики зліва, 2 стовпці праворуч, 3 стовпці, і я хочу створити власний шаблон макета домашньої сторінки в Magento2, для цього я дотримуюся кількох підручників і створюю модуль і файли, як сказано в що посилання, але жодне з них не працює, і я не можу отримати макет "домашньої сторінки" на сторінці cms -> вкладка "дизайн".

Я переходжу нижче всіх посилань, але жодне не працює, тому будь-хто має належне рішення, будь ласка, поділіться.

перше посилання

друга посилання

третя посилання

далі посилання

Не працюйте з усіма рішеннями.


@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папкою

додаток / дизайн / frontend / 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- це назва макета сторінки внизу.

додаток / дизайн / frontend / Boolfly / книга / 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
ідеально !!!!! Я просто слідую за вашим шляхом і виконаною моєю роботою. Дякую
Дхаваль

Я вже схвалив, але, можливо, остання частина відповіді могла б пояснити, де саме знайти вкладку дизайну на екрані екрану.
Джошуа Потоп

0

Це легко досягти від адміністратора, я припускаю, що ви вже створили тему.

Більшість з них плутаються після створення нової теми, вони втратили зовнішній вигляд домашньої сторінки, оскільки домашні блоки не призначені для домашньої сторінки, поки ми створюємо нову тему. Робимо це лише вручну.

будь ласка, дотримуйтесь інструкції

увійдіть до адміністратора, а потім перейдіть до

Зміст -> Сторінки

знайти Головну сторінку, потім в дії колонці клацання редагувати потім

перейдіть на вкладку «Вміст», а потім розмістіть значення нижче в текстовій області

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

Примітка: тут block_id є унікальним ідентифікатором блоків, ви можете знайти списки блоків та ідентифікатор блоку в розділі Вміст-> Блоки

нарешті зберегти сторінку

потім очистіть кеш-пам'ять магенто та браузера, завантажте домашню сторінку, ви могли побачити домашню сторінку як домашню сторінку luma.

якщо ви хочете знайти html-вміст домашньої сторінки, знайдіть блоку домашньої сторінки блоку під вмістом-> блоки, а потім відредагуйте блок, ви зможете побачити вміст html-сторінки домашньої сторінки .

візьміть посилання на цей контент контента HTML, після чого ви можете розробити свій власний html відповідно до вашої вимоги. Додайте CSS з вашого файлу макета теми.

вам потрібно будь-яке уточнення, просто згадайте в коментарі

мати удачу


як ви знаєте, в magento2 є кілька шаблонів, як 1 стовпець, 2 стовпчик ліворуч, 2 стовпець праворуч, 3 стовпець і т.д. cms -> сторінки -> домашня сторінка. Тепер ви розумієте мою думку?
Дхаваль

Я думав, що ви намагалися налаштувати вміст домашньої сторінки :-) Я не намагався раніше, ніж ви просите, тому я не можу допомогти вам, щоб хтось подав вам руки.
Білал Усеан

Я спробував це, але не працює у своїй справі
Юсуф Ібрагім
Використовуючи наш веб-сайт, ви визнаєте, що прочитали та зрозуміли наші Політику щодо файлів cookie та Політику конфіденційності.
Licensed under cc by-sa 3.0 with attribution required.