liquid

[Shopify] theme kit で公開テーマに直接デプロイする方法

公開テーマにローカルで編集したテーマを直接デプロイする場合 $ theme deploy --allow-live theme watch の場合も一緒 $ theme watch --allow-live ...
liquid

Liquidで特定のページ(URL)のみ表示させる方法[Shopify]

theme.liquidに{%- if template == 'テンプレートファイル名' -%} を使う コードを挿入する場所 layout/theme.liquid の headタグの閉じタグ(</head>)の直前に挿入...
Shopify

Shopifyオンラインストアを徹底解説 ECサイト運営に必要なもの全て

ShopifyオンラインストアのECサイト運営に必要なもの全てをご紹介します。 これまでになく簡単に、素早く、柔軟な拡張機能を備えたビジネスの成長を加速させるものになりました。 美しいストアでお客様に感動を与えましょう。 ...
React

Shopifyカスタムアプリを作成!Ruby on Rails、ReactでShopify App CLIを使って開発する方法を丁寧に解説!

ShopifyカスタムアプリをRuby on Rails, Reactでの開発方法を徹底解説します。 対象読者は、 Ruby on Railsの知識がある人Reactの知識がある人 です。 Shopifyカスタムア...
Shopify

Rails × React で画像を読み込む方法

Railsでは、画像リンクはハッシュ化されていますので直接ファイル名を記載しても開くことができません。RailsとReactの組み合わせでは下記のように読み込みを行います。 画像の読み込み方法 # アプリ名/config/we...
Shopify

React でURL パラメータをめっちゃ簡単に取得する方法

react-router-dom を使う react-router-domのカスタムフックを使えば一瞬で取得できました! まずは導入方法から。 $ yarn add react-router-dom 次にURLパラ...
Shopify

モール型ECと自社ECのメリット・デメリットを比較

モール型ECサイトと自社ECサイトの違いわかりでしょうか。 「オンライン販売を始めたいけどモール型ECサイトと自社ECサイトどちらが良いのかわからない」という方のためにこの記事ではそれぞれの特徴やメリット・デメリットをご紹介します。...
React

Shopify アプリの構築方法 – Node.js, React.js

Shopify アプリを開発しているフルスタックプログラマーの森本です。 今回は、Shopify App CLIを使って、NodeとReactでShopify アプリの構築方法をご紹介します。 アプリ開発では、環境構築、認証機...
Shopify

Shopify App CLIのアップデート

Shopify App CLIのアップデート方法をまとめました。 macOSでのアップデート $ brew update $ brew upgrade shopify-cli macOSをアップデートしたことで、下記のエ...
Shopify

RubyでShopify Webhookの使い方を解説

Shopify アプリを開発しているフルスタックプログラマーの森本です。 今回は、ShopifyのWebhookの受信、送信方法を解説して行きます。 こちらのチュートリアルを参考にしています。 アプリ開発にお...
タイトルとURLをコピーしました