freks blog

about

Shopify liquidでURLのクエリを取得する

created: 2023-11-02
おすすめ記事: 出会ってよかったプログラマー本

Shopify themeの開発をしていて、liquidでURLのクエリを取りたかったので調べてみました

{% comment %} theme-check-disable ContentForHeaderModification {% endcomment %}
{%- capture contentForQuerystring -%}{{ content_for_header }}{%- endcapture -%}
{% comment %} theme-check-enable ContentForHeaderModification {% endcomment %}
{%- assign url = contentForQuerystring
  | split: '"pageurl":"'
  | last
  | split: '"'
  | first
  | replace: '\/', '/'
  | replace: '%20', ' '
  | replace: '\u0026', '&'
-%}
{%- assign params = url | split: '?' | last | split: '&' -%}

<script>
  console.log("{{ url }}", "{{ params }}")
</script>

すると

https://sample.myshopify.com/productions/demo?param1=1&param2=2
["param1=1", "param2=2"]

という感じで取れました

reference: https://freakdesign.com.au/blogs/news/get-the-url-querystring-values-with-liquid-in-shopify


Amazonのアソシエイトとして、blog.freks.jp は適格販売により収入を得ています。
This site is managed by freks