Liquid

近年ウェブサイトのレイアウトを見ると、サイドバーを持たない1カラム構成が主流になってきているように感じます。 しかしECサイトのPC版に目を向けると、依然としてサイドバーを設置しているケースが少なくありません。 理由の一…

以前の記事「【Shopify Liquid】スニペットファイルを呼び出す「render」 引数と渡り値とは？」では、render タグの基本的な仕組みについてご紹介しました。 また「render」を使ってスニペットファイ…

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形式のガイドブックや動画教材、ライブ配信のチケットなど、物理的な発送を伴わない商品は、ユーザーにとっても購入しやす…