【Shopify Liquid】スニペットファイルを呼び出す「render」引数と渡り値とは？
Shopifyのテーマ開発において欠かせないLiquidタグのひとつが「render」です。 これは「スニペット(snippets)」と呼ばれるコードの部品を呼び出すためのタグで、同じコードを繰り返し使いたいときや、テン…
投稿者: ホリ
Shopify構築をフリーランスへ代行依頼する手順(1～6)と選ぶポイント
先日「Shopify構築をフリーランスへ依頼するメリットは費用だけではない！デメリットも紹介」という記事では、予算面以外のフリーランス活用のメリットや注意点について触れました。 今回はその続きとして、フリーランスへ代行依…
【Shopify Liquid】オブジェクトの絞り込みに用いる「where」フィルタとは
Shopifyでテーマをカスタマイズしていると、よく目にするのが「Liquidフィルタ」という存在です。これは、オブジェクトのデータを整形したり、特定の条件で絞り込んだりする際に欠かせない機能のひとつ。 中でも、特定の条…
Shopify構築をフリーランスへ依頼するメリットは費用だけではない！課題点も紹介
先日「Shopify構築をフリーランスに依頼する際の相場と費用内訳」をテーマに記事を公開しました。 同記事では、フリーランスへ制作や運営を委託する場合の相場や適正価格を判断する際の基準について触れています。 そこでも述べ…
【リアルレポート】Shopify構築をフリーランスに依頼する際の相場と費用内訳
かつて自社のECサイトを立ち上げるにあたり、制作会社やフリーランスに数多く問い合わせを行った経験があります。 当時はShopifyを専門に扱う制作会社が今ほど多くなく、全体的に費用は高額。デザイン性や独自の機能を求めると…
Shopifyにおける「カート追加」の仕組みを理解する！form送信 vs fetch API活用
Shopifyに限らず、ECサイトにおける基本的かつ重要な流れは、「商品（またはバリエーション）を選ぶ → カートに追加する → 決済する」という一連の行動です。 なかでも「カートに追加する」処理は、ユーザー体験に直結す…
【JavaScript】Shopify「cart.js」を読み解くための「Webコンポーネントメソッド」一覧
Shopifyストアをカスタマイズするうえで、JavaScriptは非常に重要な役割を担っています。 テーマエディタやLiquidだけでは実現できない、動きのある表現やユーザー操作への反応などを実装する際に、JavaSc…
Shopifyのカスタマイズに役立つJavaScript「配列メゾット」11選を初心者向けに解説
Shopifyでストアの運営やカスタマイズを進めていくと、JavaScriptが想像以上に多く使われていることに気づきます。 最初はLiquidやテーマエディタだけでもある程度の見た目は整えられますが、細かな動きや機能を…
ShopifyではLiquidがあるのになぜJavaScriptが多用されるの？
Shopifyは、誰でも気軽にノーコードでオンラインストアを立ち上げることができる便利なECプラットフォームです。 基本的なカスタマイズであれば、コーディングの知識がなくても十分に対応できますが、もう一歩踏み込んだ「自分…
Shopify 関連やおすすめ商品リストが自動生成「recommendations」活用・応用シーン
前回の記事では、Shopifyにおける関連商品・おすすめ商品の表示に用いられる「recommendations」オブジェクトについてご紹介しました。 【Shopify Liquid】関連商品・おすすめ商品作成に用いられる…