• Facebook
  • Pinterest
  • Twitter
  • Linkedin
コンテンツへスキップ
category

Js

2025年7月9日

Shopifyにおける「カート追加」の仕組みを理解する!form送信 vs fetch API活用

Shopifyに限らず、ECサイトにおける基本的かつ重要な流れは、「商品(またはバリエーション)を選ぶ → カートに追加する → 決済する」という一連の行動です。 なかでも「カートに追加する」処理は、ユーザー体験に直結す…

Js

2025年7月4日

【JavaScript】Shopify「cart.js」を読み解くための「Webコンポーネントメソッド」一覧

Shopifyストアをカスタマイズするうえで、JavaScriptは非常に重要な役割を担っています。 テーマエディタやLiquidだけでは実現できない、動きのある表現やユーザー操作への反応などを実装する際に、JavaSc…

Js

2025年6月17日

Shopifyのカスタマイズに役立つJavaScript「配列メゾット」11選を初心者向けに解説

Shopifyでストアの運営やカスタマイズを進めていくと、JavaScriptが想像以上に多く使われていることに気づきます。 最初はLiquidやテーマエディタだけでもある程度の見た目は整えられますが、細かな動きや機能を…

Js

2025年6月15日

ShopifyではLiquidがあるのになぜJavaScriptが多用されるの?

Shopifyは、誰でも気軽にノーコードでオンラインストアを立ち上げることができる便利なECプラットフォームです。 基本的なカスタマイズであれば、コーディングの知識がなくても十分に対応できますが、もう一歩踏み込んだ「自分…

Js

2025年3月8日

【Shopify小技】セール終了の日付と時間までのカウントダウンをJavascriptで実装

Shopifyは、ECサイトを簡単に立ち上げられる強力なプラットフォームです。 ノーコードで製作できるだけでなく、HTMLやCSS、Liquid、JavaScriptを活用することで、リッチな機能やデザインを実現すること…

Js

2025年2月25日

【JavaScript】Shopify ブログ関係なく特定タグを持つ全記事の一覧を作る(+時系列で並び替え)

Shopifyは、ECサイト制作・運営者にとって強力なプラットフォームです。特にその魅力のひとつが「充実したブログ機能」です。 ブログを活用することで、販売商品の詳細を伝えたり、購入を迷っている人にインサイトを提供して購…

Js

2025年1月6日

【Shopify小技】特定の商品オプションを選択すると注意書きがモーダル表示される

先日、会社で運営中のチケット販売サイトにて「学生割チケット」を販売する事になりました。 商品オプションとして追加するだけなので、難しい事案ではありませんが、スタッフから以下のようなリクエストが‥ 「学生割チケットを購入し…

Js

2024年12月7日

【Shopify小技】商品別の問い合わせフォームを作成!クエリパラメータとして商品タイトルを渡す

ユーザーが商品ページで購入を悩む理由はいくつかあります。 「予算と合わない」「送料が高い」など、価格にまつわる理由ももちろん多いと思いますが、詳細な説明や画像が不足していて、商品のイメージが湧かないなど、「商品情報が不足…

Js

2024年11月25日

【JavaScript】Shopify ブログ記事に目次を自動挿入するセクションを作成

ECストアのマーケティング手法として、未だに衰えを見せないブログ。 近年、SNSでマーケティングが脚光を浴びてはいるものの、長年に渡りブログは有効なマーケティング手法として親しまれています。 その強みとしては、 ・製品の…

Js

2024年10月12日

【Shopify小技】PCとスマホ Javascriptを用いて条件分岐

WordPress(ワードプレス)でのウェブサイト構築に慣れていた私にとって、Shopifyに触って感じた違和感の一つ。 それは、デバイスサイズによる条件分岐ができるLiquidがないという点でした。 私と同様に、Wor…

Js

Shopifyにハマった人のためのブログ | Copyright © Shopify Holic All Rights Reserved.