Magento 2: Cách ghi đè Trang chủ của Luma Theme

Tôi đang sử dụng Magento 2 CE Phiên bản 2.1.0 trên WAMP Windows 10

Tôi đã giới thiệu

Magento 2: Làm cách nào để ghi đè tệp html mẫu mặc định của giỏ hàng nhỏ?

Muốn ghi đè chủ đề Luma mặc định của Magento 2

Tôi có cấu trúc thư mục dưới đây

magento2
 |_ app
   |_ design
      |_ frontend
        |_ Custom
            |_Theme
              |_Magento_Theme
                |_templates
                  |_root.phtml     - Copy of Luma
                registration.php
                theme.xml

ứng dụng \ design \ frontend \ Custom \ Theme \ Magento_Theme \ register.php

\Magento\Framework\Component\ComponentRegistrar::register(
    \Magento\Framework\Component\ComponentRegistrar::THEME,
    'frontend/Custom/Theme',
    __DIR__
);

ứng dụng \ design \ frontend \ Custom \ Theme \ Magento_Theme \ theme.xml

<theme xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Config/etc/theme.xsd">
    <title>My Theme</title>
    <parent>Magento/luma</parent>
</theme>

Tôi chạy php bin/magento setup:static-content:deployvà xóa bộ nhớ cache là tốt. Nó không hiển thị Theme mới được tạo của tôi trong Admin -> Content -> Design -> Configuration. Chỉnh sửa danh sách thả xuống.

Tôi vẫn còn thiếu điều gì?

Khi tạo bất kỳ chủ đề hoặc mô-đun mới nào, bạn cần xác định tệp register.php ở thư mục gốc của mô-đun hoặc thư mục.

Luôn sử dụng tên chủ đề bằng chữ thường, vì Magento đã sử dụng tiêu chuẩn này để khai báo tên chủ đề.

Bạn không có bất kỳ vấn đề gì để giữ tên Theme trong camelcase nhưng sử dụng cách tiêu chuẩn được đánh giá cao.

Bạn phải xác định tệp register.php trong thư mục Magento_Theme, sai vị trí.

Sơ đồ chính xác của cấu trúc chủ đề sẽ ở bên dưới,

magento2
 |_ app
   |_ design
      |_ frontend
        |_ Custom
            |_theme
              |_Magento_Theme
                |_templates
                  |_root.phtml     - Copy of Luma
              |_registration.php
              |_theme.xml

Đường dẫn của bạn để đăng ký.php là app\design\frontend\Custom\theme\registration.php

tập tin đăng ký :

<?php
   \Magento\Framework\Component\ComponentRegistrar::register(
     \Magento\Framework\Component\ComponentRegistrar::THEME,
      'frontend/Custom/theme',
      __DIR__
);

đường dẫn tệp theme.xml của bạn sẽ là,

app\design\frontend\Custom\theme\theme.xml

tập tin theme.xml :

<theme xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Config/etc/theme.xsd">
   <title>Custom Theme</title>
   <parent>Magento/luma</parent>
   <media>
      <preview_image>media/preview.jpg</preview_image>
   </media>
</theme>

Sau khi hoàn tất thiết lập, đừng quên chạy lệnh triển khai cho chủ đề,

php bin/magento setup:static-content:deploy

Kiểm tra bên trong bảng quản trị của bạn, Content -> Design -> Configurationđể đặt chủ đề tùy chỉnh của bạn.

Xóa bộ nhớ cache và kiểm tra trong frontend.

bạn đặt theme.xml và registration.php tại chỗ sai, vị trí thực tế là

app/design/frontend/<vendor>/<theme>/registration.php

<?php
/**
 * Copyright © 2016 Magento. All rights reserved.
 * See COPYING.txt for license details.
 */

\Magento\Framework\Component\ComponentRegistrar::register(
    \Magento\Framework\Component\ComponentRegistrar::THEME,
    'frontend/<vendor>/<theme>',
    __DIR__
);

app/design/frontend/<vendor>/<theme>/theme.xml

<!--
/**
 * Copyright © 2016 Magento. All rights reserved.
 * See COPYING.txt for license details.
 */
-->
<theme xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Config/etc/theme.xsd">
    <title>Vendor Theme</title>
    <parent>Magento/luma</parent>
    <media>
        <preview_image>media/preview.jpg</preview_image>
    </media>
</theme>

lưu ý: nơi preview.jpg trongapp/design/frontend/<vendor>/<theme>/media/preview.jpg

hai tệp này đủ để nhận danh sách chủ đề của bạn trong Quản trị viên, sau đó áp dụng chủ đề của bạn.

Nếu bạn muốn ghi đè các mẫu luma chẳng hạn app/code/Magento/Catalog/view/frontend/templates/product/view/addtocart.phtml, bạn có thể thực hiện các thay đổi của mẫu đó trongapp/design/frontend/<vendor>/<theme>/Magento_Catalog/templates/product/view/addtocart.phtml

Đường dẫn không chính xác bạn đã sử dụng.

Thực hiện theo hướng dẫn dưới đây để tạo chủ đề tùy chỉnh mới.

Tạo tập tin theme.xml/app/design/frontend/Custom/Theme/theme.xml bằng mã bên dưới.

<theme xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="urn:magento:framework:Config/etc/theme.xsd">
    <title>Custom Theme</title>
    <parent>Magento/luma</parent>
    <media>
        <preview_image>media/preview.jpg</preview_image>
    </media>
</theme>

Tạo tập tin đăng ký app/design/frontend/Custom/Theme/registration.phpvới mã dưới đây.

\Magento\Framework\Component\ComponentRegistrar::register(
    \Magento\Framework\Component\ComponentRegistrar::THEME,
    'frontend/Custom/theme',
    __DIR__
);

sao chép preview.jpg từ

vendor/magento/theme-frontend-luma/media/preview.jpg 

thêm vào

app/design/frontend/Custom/Theme/media/preview.jpg

Bây giờ bạn có thể thấy chủ đề tùy chỉnh của mình trong quản trị viên, chọn chủ đề tùy chỉnh từ quản trị viên và lưu nó.