Liquid

Shopifyのテンプレートファイルを構成する要素は多岐にわたりますが、大きく分ければ「HTML＋Liquid」と「スキーマJSON」が二本柱と言えるでしょう。 もちろん、CSSやJavaScriptもテーマの完成度を高…

Shopifyのテーマ開発において欠かせないLiquidタグのひとつが「render」です。 これは「スニペット(snippets)」と呼ばれるコードの部品を呼び出すためのタグで、同じコードを繰り返し使いたいときや、テン…

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

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

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

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

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

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

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

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