Liquid

Shopifyでテーマをカスタマイズしていると、よく目にするのが「Liquidフィルタ」という存在です。これは、オブジェクトのデータを整形したり、特定の条件で絞り込んだりする際に欠かせない機能のひとつ。 中でも、特定の条…

前回の記事では、Shopifyにおける関連商品・おすすめ商品の表示に用いられる「recommendations」オブジェクトについてご紹介しました。 【Shopify Liquid】関連商品・おすすめ商品作成に用いられる…

Shopifyのテーマには、デフォルトで「related-products.liquid」というテンプレートが組み込まれており、このテンプレートは主に「関連商品リスト」を表示するために使われています。 テンプレート名から…

Shopifyで「カートに入れる」ボタンを設置しようと思っても、初心者にとっては思いのほか難しく感じるかもしれません。 というのも、この仕組みにはLiquidだけでなく、JavaScriptやAjax、さらにはサーバー側…

以前の記事【Shopify Liquid】カート内で１つの注文に同時購入を防ぐシンプルな方法 では、カートページ上で商品タイプを判定し、「デジタルコンテンツ」と「フィジカル商品」が同時に含まれている場合に、購入手続きを無…

近年、Shopifyを活用したオンラインショップでも、デジタルコンテンツの取り扱いが増えてきました。PDF形式のガイドブックや動画教材、ライブ配信のチケットなど、物理的な発送を伴わない商品は、ユーザーにとっても購入しやす…

Shopifyの商品ページでは、1商品につき最大3つまでオプション（バリエーション）を設定することができます。 たとえば「カラー」「サイズ」「素材」など、購入時に選んでもらいたい要素をユーザーに提示できる仕組みです。基本…

Shopifyは、豊富なカスタマイズオプションにより、ウェブサイトの制作や運営者にとってユーザー体験を向上させる様々な施策が可能です。 特に、Liquidを活用することで、商品ページにブロック設定可能なバリエーションの「…

Shopifyの活用モデルとして注目を浴びている「店舗受取」。近年では飲食店のテイクアウトに限らず、アパレルや雑貨など「実物を見てから購入したい」お客様に対しても、あらかじめ在庫を確保しておくことで、店舗でのスムーズな購…

今日はShopify Liquidでテンプレートを組んでいる最中、恥ずかしながら、思わぬ発見がありました。 Liquidの「contains」は、配列内の完全一致チェックと文字列中の部分一致確認という2通りの使い方がある…