25. tháng 4 2025

xml của chủ đề - trang cá cược bóng đá

Nếu bạn muốn thêm phần hiển thị footer vào trang web thương mại điện tử tự xây dựng bằng Magento, hãy tham khảo hướng dẫn sau. Ví dụ:

!Footer của chủ đề Magento

Tài liệu cấu hình

Cấu hình mặc định của chủ đề

cd vendor/swissup/theme-frontend-breeze-evolution
grep footer -r .
./Magento_Theme/layout/default.xml:
<referenceContainer name="footer" remove="true"/>

Bằng cách xóa dòng "remove", bạn có thể kích hoạt phần footer.

top
middle (mặc định đã bật)
mu88 mu88 casino bottom
news letter (phần đăng ký email phía trên footer)

Làm thế nào để thiết lập nội dung?

<referenceContainer name="footer-middle">
  <block class="Magento\Cms\Block\Block" name="footer_content" before="-">
    <arguments>
      <argument name="block_id" xsi:type="string">footer_content</argument>
    </arguments>
  </block>
</

# grep footer_content -r .
./etc/marketplace/commands/cms_block.xml:
<item name="title">footer_content</item>
./etc/marketplace/commands/cms_block.xml:
<item name="identifier">footer_content</item>

Kiểm tra nội dung bên trong:

<item>
  <item name="title">footer_content</item>
  <item name="identifier">footer_content</item>
  <item name="content" helper="Swissup\Marketplace\Installer\Helper\Renderer::render">
    <param name="path" type="path">content/cms_block/footer_content.html</param>
  </item>
</item>

> find . -name "footer_content.html"
./etc/marketplace/content/cms_block/footer_content.html

Mã nguồn bên trong không dễ đọc và không phản ánh chính xác nội dung được hiển thị trên giao diện.

Giải pháp hợp lý hơn là tạo một khu vực tùy chỉnh mới trong bảng điều khiển quản trị Magento. Truy cập Content báo bóng đá - Blocks và tạo một block mới, tốt nhất nên viết trực tiếp bằng HTML. Sau đó ghi nhớ ID và dán vào cấu hình layout tương ứng.

<div class="pagebuilder-column" data-content-type="column">
  <div data-content-type="html">
    <div class="h6">Hỗ trợ</div>
    <ul class="unstyled">
     <li>Liên hệ với chúng tôi</li>
     <li>Vị trí cửa hàng</li>
     <li>Chính sách riêng tư</li>
     <li>Điều khoản sử dụng</li>
    </ul>
  </div>
</div>

Từ cách tổ chức mã này, rõ ràng nó cũng được thực hiện bằng công cụ PageBuilder ở backend:

Lớp ngoài sử dụng column
Lớp trong sử dụng html để viết

Cách làm này vừa đảm bảo sự tiện lợi trong bố cục, vừa tăng hiệu suất sửa đổi mã phát triển. Thật tuyệt vời khi hai yếu tố hòa quyện với nhau.

Chỉnh sửa bằng Page Builder

Lần đầu tiên sử dụng Page Builder, tôi cảm thấy không quen tay và muốn viết mã trực tiếp hơn;
Lần thứ hai sử dụng, tôi nhận ra rằng việc kéo thả rất thuận tiện. Đặc biệt là khi kéo thả bố cục row / column / header thì cực kỳ hiệu quả.

Sau khi lưu lại, các thay đổi sẽ có hiệu lực ngay mà không cần xóa bộ đệm thủ công. Đánh giá cao! Lưu ý rằng bạn cần nhấp vào nút thoát chế độ toàn màn hình ở góc trên bên phải để thấy nút lưu. Đây là một điểm không thân thiện lắm về trải nghiệm người dùng.

Loại bỏ phần dưới cùng

Trong chủ đề mặc định, có năm mục sau:

Chính sách Riêng tư và Cookie
Từ khóa Tìm kiếm
Tìm kiếm Nâng cao
Đơn hàng và Trả hàng
Liên hệ Với Chúng Tôi

Chỉnh sửa tập tin layout/default.xml của chủ đề. Ví dụ: vendor/swissup/theme-frontend-breeze-evolution/Magento_Theme/layout/default.xml Thêm một dòng cấu hình để loại bỏ footer_links

<referenceBlock name="footer_links" remove="true"/>

Tài liệu file website
Mẫu website

Tiếp tục đọc 🌳

Chuỗi bài hướng dẫn phát triển tùy chỉnh chủ đề Magento 2