Filter过滤器

filter

filter是对数据的处理

1.语法：多filter

{{ 'blog-post.css' | asset_url | stylesheet_tag }}

说明：

• 'blog-post.css': 是一个字符串
• asset_url：作用是通过传递的参数'blog-post.css'，得到一个url：https://www.xxxxx.cn/dist/front/static/new_default_theme/blog-post.css?v=4165
• stylesheet_tag: 第一个filterasset_url的处理返回结果，将作为stylesheet_tag的参数，进而得到：<link href="https://www.xxxxx.cn/dist/front/static/new_default_theme/blog-post.css?v=4165" rel="stylesheet" type="text/css" media="all" />

因此通过2个过滤器，得到css文件在html的link标签

2.传递参数

{{ section.settings.custom_css | card_custom_css: sectionId }}
{{ 'image' | placeholder_svg_tag: 'f-placeholder-svg m:w-full m:h-full' }}

譬如上面的：

• card_custom_css是一个filter过滤器，sectionId是一个参数
• placeholder_svg_tag是一个filter过滤器，'f-placeholder-svg m:w-full m:h-full'是一个参数

filter过滤器分组

1.String（字符串）

• append
• capitalize
• downcase
• escape
• escape_once
• escape_quotes
• lstrip
• newline_to_br
• prepend
• remove
• remove_first
• replace
• replace_first
• rstrip
• slice
• split
• strip
• strip_html
• strip_newlines
• truncate
• truncatewords
• upcase

详细参看：Filter-String（字符串）

2.array（数组）

• concat
• find
• find_index
• first
• second
• has
• join
• last
• map
• reject
• reverse
• size
• sort
• sort_natural
• sum
• uniq
• where
• array_append

详细参看：Filter-Array（数组）

3.format（数据格式）

• date
• json
• url_encode
• url_decode
• string
• px
• is_empty
• _default

详细参看：Filter-format（数据格式）

4.MATH（数字计算）

• ceil
• floor
• round
• plus
• minus
• times
• divided_by
• modulo
• at_most
• at_least

详细参看: Filter-MATH（数字计算）

5.url

• image_tag
• image_url
• base_url_a_with_void
• base_url
• product_url
• collection_url
• review_url
• page_url
• blog_collection_url
• blog_article_url
• search_url
• coupon_url
• checkout_url
• customer_order_url
• account_url
• pay_success_url
• public_url

详细参看：Filter-Url

6.system（系统）

• t
• language
• price_format
• currency_symbol
• font_face
• placeholder_svg_tag
• card_custom_css
• image_aspect_ratio
• script_tag
• stylesheet_tag
• asset_url
• pagination
• pagination_ajax

详细参看：Filter-System（系统）