株式会社メタフェイズ

Shopify

GETクエリの値を取得する処理を紹介いたします

メタフェイズではShopifyを利用したストア構築を行っています。
その工程の中のオリジナルデザインのテーマ開発にはShopifyのテンプレート言語「Liquid」を使用します。
今回はLiquidでGETクエリの値を取得する処理、
具体的には「https://xxxx.myshopify.com/search?type=product」へアクセスした際、typeの値を取得する処理を紹介いたします。

下記コードをファイル名:snippets/function_get_query_value_by_key.liquidで保存します。

{%- capture contentForQuerystring -%}{{ content_for_header }}{%- endcapture -%}
{%- assign pageUrl = contentForQuerystring | split:'"pageurl":"' | last | split:'"' | first | replace:'\/','/' | replace:'%20',' ' | replace:'\u0026','&' -%}
{%- assign get_query_value_by_key = '' -%}
{%- if pageUrl contains "?" -%}
    {%- assign pageQuerystring = pageUrl | split:'?' | last | replace:'=','&' -%}
    {%- assign tmp = pageQuerystring | split:'&' -%}
    {%- for kv in tmp -%}
        {%- if kv == key -%}
            {%- assign get_query_value_by_key = tmp[forloop.index] -%}
            {%- break -%}
        {%- endif -%}
    {%- endfor -%}
{%- endif -%}
{{ get_query_value_by_key }}

Liquid上のGETクエリの値を取得したい所でsnippets/function_get_query_value_by_key.liquidをインクルードします。

{%- capture type-%}{%- render "function_get_query_value_by_key" key:"type" -%}{%- endcapture -%}

上記コード以降は変数「type」に文字列「product」が格納されています。

Shopifyを利用したストアの構築・運用のご相談はお問い合わせフォームより受け付けております。

Share on

その他の記事

  • Strategy

    ECサイトとは?簡単にできる構築方法を実例をもとにご紹介

  • Shopify

    セクションに可変長カスタム入力欄を設置する

  • Shopify

    コレクション内商品のタイトルだけ表示する

トップへ戻る

お問い合わせ

Webサイト制作やWebビジネスに関するお悩みがある方はお気軽にご相談ください。

お問い合わせはこちら

会社案内

社内で検討・回覧したい方向けに、弊社の会社概要や最新の制作実績を掲載した資料を、PDFでご覧いただけます。

ホワイトペーパー

最新のプロジェクトや過去の7,000サイト以上の実績と経験で獲得したWebサイト制作におけるノウハウの一部をホワイトペーパーとして公開しています。