Bộ lọc chung phục vụ cho nhiều mục đích khác nhau bao gồm định dạng, chuyển đổi, và ứng dụng các lớp CSS.

date

Thay đổi định dạng thời gian

Input

{{ article.published_at | date: "%a, %b %d, %y" }}

Output

Tue, Apr 22, 14

Những tham số ngày tháng được liệt kê dưới đây:

%a

Tên rút gọn của các thứ trong tuần

{{article.published_at|date:"%a"}}
<!-- Sat -->
%A

Tên đầy đủ của các thứ trong tuần

{{article.published_at|date:"%A"}}
<!-- Tuesday -->
%b

Tên rút gọn của tháng

{{article.published_at|date:"%b"}}
<!-- Jan -->
%B

Tên đầy đủ của tháng

{{article.published_at|date:"%B"}}
<!-- January -->
%c

Ngày và giờ hiện tại (với tên rút gọn của thứ và tháng)

{{article.published_at|date:"%c"}}
<!-- Tue Apr 22 11:16:09 2014 -->
%d

Ngày trong tháng thêm số 0 phía trước các ngày từ 1-9 (01, 02, 03, v..v.).

{{article.published_at|date:"%d"}}
<!-- 04 -->
%-d

 Ngày trong tháng, không có số 0 phía trước các ngày từ 1-9 (1,2,3, v..v.).

{{article.published_at|date:"%-d"}}
<!-- 4 -->
%D

Định dạng ngày (dd/mm/yy)

{{article.published_at|date:"%D"}}
<!-- 04/22/14 -->
%e

 Ngày trong tháng, thêm khoảng trắng phía trước ( 1, 2, 3, v..v.). 

{{article.published_at|date:"%e"}}
<!-- 3 -->
%F

Trả về định dạng ngày giờ theo chuẩn ISO 8601 (yyyy-mm-dd)

{{article.published_at|date:"%F"}}
<!-- 2014-04-22 -->
%H

Giờ trong ngày, tính theo hệ 24 giờ (từ 00 đến 23)

{{article.published_at|date:"%H"}}
<!-- 15 -->
%I

Giờ trong ngày, tính theo hệ 12 tiếng.

{{article.published_at|date:"%I"}}
<!-- 7 -->
%j

Ngày trong năm (001-366)

{{article.published_at|date:"%j"}}
<!-- 245 -->
%k

Ngày trong một giờ tính theo hệ 24h (từ 1 đến 24)

{{article.published_at|date:"%k"}}
<!-- 14 -->
%m

Tháng trong năm (01 đến 12)

{{article.published_at|date:"%m"}}
<!-- 04 -->
%M

Phút trong giờ (00 đến 59)

{{article.published_at|date:"%M"}}
<!--53-->
%p

Chỉ thị về buổi (Sáng: AM/ Chiều: PM)

{{article.published_at|date:"%p"}}
<!-- PM -->
%r

Định dạng 12 giờ (%I:%M:%S %p)

{{article.published_at|date:"%r"}}
<!-- 03:20:07 PM -->
%r

Định dạng 12 giờ (%I:%M:%S %p) (trùng)

{{article.published_at|date:"%r"}}
<!-- 03:20:07 PM --> 
%R

Định dạng 24 giờ theo giờ - phút (%H:%M)

{{article.published_at|date:"%R"}}
<!-- 15:21 -->
%T

Định dạng 24 giờ theo giờ - phút - giây (%H:%M:%S)

{{article.published_at|date:"%T"}}
<!-- 15:22:13 -->
%U

Số thứ tự tuần trong năm hiện tại. Bắt đầu từ ngày chủ nhật đầu tiên được coi như là ngày đầu tiên của tuần đầu tiên

{{article.published_at|date:"%U"}}
<!-- 16 -->
%W

Số thứ tự tuần trong năm hiện tại, bắt đầu từ thứ 2 đầu tiên được coi như là ngày đầu tiên của tuần đầu tiên

{{article.published_at|date:"%W"}}
<!-- 16 -->
%w

Ngày trong tuần (từ 0 đến 6 với Chủ nhật là 0)

{{article.published_at|date:"%w"}}
<!-- 2 -->
%x

Ưu tiên hiển thị một mình ngày, không bao gồm thời gian (mm/dd/yy)

{{article.published_at|date:"%x"}}
<!-- 04/22/14 -->
%X

Ưu tiên hiển thị thời gian, không bao gồm ngày (hh:mm:ss)

{{article.published_at|date:"%X"}}
<!-- 13:17:24 -->
%y

 Hiển thị năm mà không có thế kỷ (00.99).

{{article.published_at|date:"%y"}}
<!-- 14 -->
%Y

Hiển thị năm cùng với thế kỷ

{{article.published_at|date:"%Y"}}
<!-- 2014 -->
%Z

Tên múi giờ

{{article.published_at|date:"%Z"}}
<!-- EDT -->

default

Thiết lập một giá trị mặc định cho bất cứ biến nào không được gán giá trị. Có thể được sử dụng với chuỗi, mảng và các mã Hash

Input

Dear {{ customer.name | default: "customer" }}

 Output

<!-- if customer.name is nil -->
Dear customer 

 default_errors

Xuất ra các thông điệp lỗi mặc định cho biến form.errors. Thông điệp được trả về phụ thuộc vào những chuỗi được trả về bởi form.errors.

Input

{% if form.errors %}
      {{ form.errors | default_errors }}
{% endif %}

 Output

<!-- if form.errors returned "email" -->
Please enter a valid email address.

 default_pagination

Tạo mới một tập hợp các liên kết cho kết quả phân trang. Được sử dụng kết hợp với biến paginate .

Input

{{ paginate | default_pagination }}

 Output

<span class="page current">1</span>
<span class="page"><a href="/collections/all?page=2" title="">2</a></span>
<span class="page"><a href="/collections/all?page=3" title="">3</a></span> 
<span class="deco">&hellip;</span>
<span class="page"><a href="/collections/all?page=17" title="">17</a></span>
<span class="next"><a href="/collections/all?page=2" title="">Next &raquo;</a></span>

 highlight

Đặt các từ bên trong kết quả tìm kiếm với một tag HTML <strong> với lớp highlight nếu nó phù hợp với search.terms đã đệ trình.

Input

{{ item.content | highlight: search.terms }}

Output

<!-- If the search term was "Yellow" -->
<strong class="highlight">Yellow</strong> shirts are the best! 

 highlight_active_tag

Wraps a tag link in a <span> with the class active if that tag is being used to filter a collection.

Đặt một tag liên kết trong cú pháp <span> với lớp active nếu tag đó đang được sử dụng để lọc một bộ sưu tập.

 

Input

<!-- collection.tags = ["Cotton", "Crew Neck", "Jersey"] -->
{% for tag in collection.tags %}
    {{ tag | highlight_active | link_to_tag: tag }}
{% endfor %}

 Output

<a title="Show products matching tag Cotton" href="/collections/all/cotton"><span class="active">Cotton</span></a>
<a title="Show products matching tag Crew Neck" href="/collections/all/crew-neck">Crew Neck</a>
<a title="Show products matching tag Jersey" href="/collections/all/jersey">Jersey</a>

 json

Chuyển đổi một chuỗi thành định dạng JSON.

Input

var content = {{ pages.page-handle.content | json }};

 Output

var content = "\u003Cp\u003E\u003Cstrong\u003EYou made it! Congratulations on starting your own e-commerce store!\u003C/strong\u003E\u003C/p\u003E\n\u003Cp\u003EThis is your shop\u0026#8217;s \u003Cstrong\u003Efrontpage\u003C/strong\u003E, and it\u0026#8217;s the first thing your customers will see when they arrive. You\u0026#8217;ll be able to organize and style this page however you like.\u003C/p\u003E\n\u003Cp\u003E\u003Cstrong\u003ETo get started adding products to your shop, head over to the \u003Ca href=\"/admin\"\u003EAdmin Area\u003C/a\u003E.\u003C/strong\u003E\u003C/p\u003E\n\u003Cp\u003EEnjoy the software,  \u003Cbr /\u003E\nYour Shopify Team.\u003C/p\u003E";

Information

Bạn không phải đặt Liquid ra ngoài khối trích dẫn – bộ lọc json sẽ thêm chúng vào. Bộ lọc json cũng sẽ thoát dấu ngoặc kép khi cần thiết trong kết quả.

Bộ lọc json cũng được sử dụng để làm cho đối tượng Liquid có thể đọc được bởi ngôn ngữ lập trình Java.

var json_product = {{ collections.featured.products.first | json }};
var json_cart = {{ cart | json }};

 weight_with_unit

Định dạng khối lượng của sản phẩm đặc thù. Đơn vị khối lượng được thiết lập trong General Settings.

Input

{{ product.variants.first.weight | weight_with_unit }}

 Output

24.0 kg

 

 

 

Haravan - Công ty công nghệ cung cấp giải pháp kinh doanh thương mại điện tử, duy nhất tại Việt Nam được Google lựa chọn vào chương trình bệ phóng tiềm năng với hỗ trợ và đào tạo công nghệ để vươn ra thị trường quốc tế vững chắc.