株式会社メタフェイズ

Shopify

liquidファイルを関数として利用する

メタフェイズではShopifyを利用したストア構築を行っています。
その工程の中のオリジナルデザインのテーマ開発にはshopifyのテンプレート言語「Liquid」を使用します。
今回は何度も使う機能をひとつのliquidファイルにしておき、再利用する方法を紹介いたします。

例として2つの数値を合計した値を返す機能を作成します。

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

{{ v1 | plus:v2 }}

この機能を使いたい場面で下記コードを記述します。

{%- capture result -%}{%- render "function_get_value" v1:一つ目の数値 v2:二つ目の数値 -%}{%- endcapture -%}

上記コード以降は変数「result」に2つの数値を合計した数値が格納されています。

{%- capture result -%}{%- render "function_get_value" v1:14 v2:22 -%}{%- endcapture -%}
{{ result }}

上記のように記述すると「36」が表示されます。

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

Share on

その他の記事

  • Strategy

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

  • Shopify

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

  • Shopify

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

トップへ戻る

お問い合わせ

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

お問い合わせはこちら

会社案内

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

ホワイトペーパー

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