Support Sapo

Tổng đài hỗ trợ - 
1900 6750
( 7:00 - 22:00 )

template-liquid
tai-lieu-theme
tai-lieu-nha-phat-trien

theme.bwt

theme.bwt có thể được coi là template chính, tất cả các template đều được hiển thị trong theme.bwt. Tất cả các đối tượng được lặp lại trong giao diện như menu, đầu trang, chân trang,... nên được đặt trong theme.bwt

Chú ý

Anchor link for: ch

content_for_header và ContentPlaceHolderAnchor link for: content_for_header v contentplac

Có 2 đối tượng Liquid bắt buộc phải có trong theme.bwt là:

  1. Biến {{ content_for_header }} bắt buộc phải đặt trước khi đóng thẻ . Nó sẽ được dùng để đặt các mã cần thiết của hệ thống Sapo vào trước thẻ như các mã Google Analytics, Sapo Analytics hay mã khác dùng cho Sapo app,...

  2. ContentPlaceHolder

    Khối {% block "ContentPlaceHolder" %} {% endblock %} bắt buộc phải được đặt trong thẻ . Nó sẽ được sử dụng để hiển thị nội dung từ các template khác của giao diện

Nếu không có 2 đối tượng trên trong file theme.bwt, hệ thống sẽ báo lỗi và giao diện của bạn sẽ không thể hiển thị.

Thiết lập thêm class đặc biệt cho thẻ Anchor link for: thit lp thm class c bit cho th

Bạn có thể dễ dàng thêm vào thẻ các class đặc biệt để có thể hiện thị các giao diện khác nhau. Chú ý rằng bạn phải loại bỏ đuôi .bwt của template để tránh việc gây ra lỗi khi hiển thị. Ví dụ sau sẽ sử dụng bộ lọcreplace để thay dấu chấm bằng khoảng cách sau đó dùng bộ lọc truncatewords để lấy ra tên của template để làm class cho thẻ

<body class="{{ template | replace: '.', ' ' | truncatewords: 1, '' }}" id="{{ page_title | alias }}"> .... </body>

Truy cập các thuộc tính của các đối tượng đặc biệtAnchor link for: truy cp cc thuc tnh ca cc i tng

Trong theme.bwt bạn có thể muốn hiển thị thêm các nội dung từ các đối tượng đặc biệt như đặt nội dung của trang Giới thiệu.

Các yêu cầu bắt buộc khi gửi giao diệnAnchor link for: cc yu cu bt buc khi gi giao din

Nếu bạn muốn gửi giao diện của bạn lên hệ thống của Sapo, theme.bwt sẽ phải đáp ứng đủ các điều kiện sau

  • Logo hoặc store.name phải có trên đầu trang và được đặt đường dẫn về trang chủ.
  • Menu chính phải được sử dụng dữ liệu từ menu "Main menu".
  • Menu ở chân trang phải được sử dụng dữ liệu từ menu "Footer".
  • Ô tìm kiếm hoặc liên kết đến trang tìm kiếm phải được đặt ở đầu trang hoặc chân trang.

Bài viết trên có hữu ích cho bạn không?

Hữu ích Không hữu ích
Số lượt đánh giá hữu ích: