Bộ Lọc HTML - HTML Filters - Support Sapo

• Tài liệu hướng dẫn
  • Kênh POS

    Hướng dẫn sử dụng phần mềm quản lý bán hàng

  • Dịch vụ ăn uống

    Hướng dẫn sử dụng phần mềm quản lý nhà hàng và quán cafe

  • Kênh Facebook và Sàn TMĐT

    Hướng dẫn quản lý bán hàng online trên Facebook và sàn TMĐT

  • App Mobile

    Hướng dẫn bán hàng nhanh chóng trên ứng dụng điện thoại

  • Kênh Website

    Hướng dẫn xây dựng website bán hàng

  • Bán hàng đa kênh

    Hướng dẫn kết nối và quản lý bán hàng đa kênh

  • Máy bán hàng

    Hướng dẫn sử dụng máy bán hàng

  • Sapo Money

    Giải pháp thanh toán không tiền mặt và các dịch vụ tài chính toàn diện

  • Sapo Express

    Giải pháp tối ưu vận hành và chi phí chuyển phát

  • Bảo mật thông tin
• Video
• FAQs
• Tài liệu nhà phát triển
• Sapo.vn
• Gửi ticket

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

bo-loc-filter tai-lieu-theme tai-lieu-nha-phat-trien

• Cơ bản
• Các loại thẻ Liquid
• Đối tượng - Objects
• Bộ lọc - Filter
  • Giới thiệu Bộ lọc - Filter
  • Bộ lọc mảng - Array filter
  • Bộ lọc HTML - HTML filters
  • Bộ lọc toán học - Math filters
  • Bộ lọc tiền tệ - Money Filters
  • Bộ lọc chuỗi - String Filters
  • Bộ lọc URL- URL Filter
• Template Liquid
• Quy trình bán giao diện
• Checklist Review theme
• Hướng dẫn sử dụng thanh tìm kiếm trên website

Bộ lọc HTML - HTML filters

Bộ lọc HTML sẽ tạo các thẻ HTML dựa trên các asset có sẵn

• img_tag
• script_tag
• stylesheet_tag

img_tag

Tạo thẻ chèn hình ảnh.

Ví dụ

{{ 'logo.png' | asset_url | img_tag }}

Kết quả

<img src="//bizweb.dktcdn.net/100/000/006/themes/1118/assets/logo.png?v=132322871" alt="" />

img_tag có thể sử dụn thêm các tham số để thêm vào thẻ alt, cũng như class. Tham số đầu tiên sẽ được xuất ra như alt text, tham số tiếp theo sẽ là các class trong css.

Ví dụ

{{ 'logo.png' | asset_url | img_tag: 'Sapo', 'logo new-version' }}

Kết quả

<img src="//bizweb.dktcdn.net/100/000/006/themes/1118/assets/logo.png?v=132322871" alt="Sapo" class="logo new-version" />

Bộ lọc img_tag có thể áp dụng lên các đối tượng:

• product
• variant
• line item
• collection
• image

Ví dụ

{{ product | img_tag }} {{ variant | img_tag: 'alternate text' }} {{ line_item | img_tag: 'alternate text', 'css-class' }} {{ image | img_tag: 'alternate text', 'css-class', 'small' }} {{ collection | img_tag: 'alternate text', 'css-class', 'large' }}

Kết quả

<img src="//bizweb.dktcdn.net/s/files/1/0159/3350/products/red_shirt_small.jpg?v=1398706734" alt="Red Shirt Small" /> <img src="//bizweb.dktcdn.net/s/files/1/0159/3350/products/red_shirt_small.jpg?v=1398706734" alt="alternate text" /> <img src="//bizweb.dktcdn.net/s/files/1/0159/3350/products/red_shirt_small.jpg?v=1398706734" alt="alternate text" class="css-class" /> <img src="//bizweb.dktcdn.net/s/files/1/0159/3350/products/red_shirt_small.jpg?v=1398706734" alt="alternate text" class="css-class" /> <img src="//bizweb.dktcdn.net/s/files/1/0159/3350/products/shirts_collection_large.jpg?v=1338563745" alt="alternate text" class="css-class" />

script_tag

Tạo thẻ script.

Ví dụ

{{ 'addons.js' | asset_url | script_tag }}

Kết quả

<script src="//bizweb.dktcdn.net/s/files/1/0087/0462/t/394/assets/addons.js?28178" type="text/javascript"></script>

stylesheet_tag

Tạo thẻ chèn file css.

Ví dụ

{{ 'style.css' | asset_url | stylesheet_tag }}

Kết quả

<link href="//bizweb.dktcdn.net/s/files/1/0087/0462/t/394/assets/style.css?28178" rel="stylesheet" type="text/css" media="all" />

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: ×

Viết nhận xét

Gửi ×

Cảm ơn bạn đã đánh giá bài viết!

Xin vui lòng thử lại

Support.sapo.vn

• Về chúng tôi
• Sapo là gì ?
• Liên hệ
• Kho ứng dụng
• Kho giao diện

Kênh bán hàng

• Phần mềm quản lý bán hàng
• Phần mềm bán hàng online
• Thiết kế website bán hàng
• Phần mềm quản lý nhà hàng
• Phần mềm quản lý bán hàng đa kênh
• Phần mềm bán hàng Facebook
• Phần mềm CRM

Thiết bị bán hàng

• Máy in hóa đơn
• Máy in mã vạch
• Máy quét mã vạch

Công ty cổ phần công nghệ Sapo (Sapo Technology JSC)

Trụ sở: Tầng 6 - Tòa nhà Ladeco - 266 Đội Cấn - P. Liễu Giai - Q. Ba Đình - Hà Nội

Chi nhánh: Lầu 5 - Tòa nhà Lữ Gia - Số 70 Lữ Gia - P. 15 - Q. 11 - TP Hồ Chí Minh

Chi nhánh: Số 83 - Xô Viết Nghệ Tĩnh - Quận Cẩm Lệ - TP Đà Nẵng

Mạng xã hội

Tổng đài tư vấn mua hàng: 1800 6750

Tổng đài hỗ trợ sử dụng: 1900 6750

Email hỗ trợ [email protected]

Copyright © 2025 Sapo.vn - Nền tảng quản lý và bán hàng đa kênh được sử dụng nhiều nhất Việt Nam

Sản phẩm đạt giải: Nhân tài Đất Việt 2013 & Sao Khuê 2015

© Copyright 2008 - 2025