Xポストログ

Xで投稿したShopify関連の内容をそのまま記録しています。

2023年12月の投稿 絞り込みを解除

  • Shopifyで特別なコレクションページを作成した際に、通常とは異なり割引商品を掲載していても「セールアイコン」を表示させたくないことがあります。そんな時はテンプレートを複製した上で、カスタムCSSを使って非表示にしてしまうのが手軽ですね。
    #Shopify

  • Shopifyテーマの「特集コレクションセクション（コレクションの一部を商品やページに表示する機能）」を使って、複数のコレクションに掲載されている商品の詳細画面の場合、流入元のコレクションに合わせて関連コレクションの内容を動的に切り替える設定例です。回遊性の向上が期待できます。
    #Shopify

  • Shopifyで組み合わせ可能なディスカウントを使用する際、コード入力が不要な「共有可能なURL」の使い方には少々注意が必要です。２つ以上のディスカウントをURLでは併用できず、最後に適用したものだけが有効化されます。併用するコードはチェックアウト画面での入力が必要になります。
    #Shopify

  • Shopifyではカラーやサイズなど複数バリエーションを持つ商品を１つの商品として登録することができますが、個別に登録されている複数の商品を１つの商品バリエーションのようにピッカーで相互に遷移可能にする設定例です。バリアント上限100件を超える商品を登録する際に使う事があります。
    #Shopify

  • ShopifyのLiquidで画像を取り扱うフィルタ「img_url」でサイズを指定する際に動的に変数を扱えるようにする方法です。それほど使う機会が多いわけでは無いのですが、テーマデフォルトではないカスタム画像を指定したい場合などに重宝します。
    #Shopify

  • Shopifyのマイページに会員登録特典としてクーポンコードを表示しつつ、実際にクーポンコードが使われたあとは項目ごと非表示にする場合の設定例です。Shopify Flowを使って顧客のクーポンコード利用実績をタグづけし、利用有無を判別しています。
    #Shopify

  • Shopifyのテーマ「Dawn」のフッターはデフォルトで「Powered by Shopify」の文字が表示されるようになっています。この部分を非表示させたいとリクエスト頂くことがあるのですが、footer.liquidを直接編集しても良いですし、ノーコードで対応することも可能です。
    #Shopify

  • Shopify Flowは基本的にはノーコードで作成できますが、少々複雑な処理を行いたいときはコードを書くこともあります。そんなとき、Log output アクションを使うとデバッグがしやすくて便利ですね。処理内容をそのままペーストして変数の値の変化を確認するなどしています。

  • 前回の投稿に続きShopify Flowを使った特定商品の購入数履歴について。購入がキャンセルになった場合、カウントアップしたメタフィールドの購入数履歴は減数しておきたいので、そのためのFlowになります。
    https://x.com/sh_sakamoto/status/1738057289444249881
    #Shopify

  • Shopifyで特定の商品を一定数購入された方にノベルティグッズを提供したい場合があります。そのためには顧客ごとに特定商品に限った購入数を知る必要がありますが、購入数の集計などはせずにShopify Flowで顧客メタフィールドに購入数を保持して他から参照できるようにするのも手ですね。
    #Shopify

  • 既存ストアからShopifyにリプレイスする際、移行対象には商品情報だけでなくブログ記事が含まれることもよくあるケースだと思います。そんな時もMatrixifyが活躍してくれるのですが、記事本文中の画像はインポートしてくれないので注意が必要です。それらは別途移行しておく必要があります。
    #Shopify

  • Shopifyのテーマ「Dawn」はヘッダーの背景は固定化されており、スライドショーや画像バナーの上に重ねて表示することはできません。そこでJavascriptとcssを使ったヘッダー背景透過処理の設定例です。テーマエディタでON/OFF操作も可能です。
    #Shopify

  • ShopifyのテーマDawnのスライドショーで画像の上（または下）に表示される見出しと小見出しのコンテナですが、デフォルトでは任意の場所で改行することはできません。ハック的な方法ですが少しだけ手を加えて改行表示を可能にする設定例です。
    #Shopify

  • ShopifyのアプリMatrixifyを使えば、「コンテンツ > ファイル」セクションのデータも一括でインポート/エクスポートできます。エクスポートしたデータから「各ファイルのURL」が取得できるので、これを使ってファイルを一括ダウンロードすれば、簡単にファイルのバックアップができるので便利です。

  • Shopifyではメタフィールドを使うことで共通のテンプレートを使いつつ商品ごとに異なる内容を表示することが可能です。ただ、メタフィールドが空欄の場合も強制的にブランク状態で表示されてしまう点は注意が必要です。中身がない場合も考慮して設定項目を追加しておくのもオススメです。
    #Shopiofy

  • Shopifyの商品管理画面でセール中の商品を絞り込んで確認できると良いのですが、そのような条件設定項目がありません。データをエクスポートして確認しても良いのですが、サクッと自動コレクションの絞り込み条件を使って一覧表示するという方法もあります。
    #Shopify

  • Shopifyの注文情報画面で、各注文ごとに使用されたディスカウント（クーポンコード）を注文メモやタグとして表示させる場合のFlow設定例です。クーポン以外にも注文情報の中身をタグとして抽出する際に応用できるかと思います。
    #Shopify

  • Shopifyの商品詳細画面で商品情報に設定されたタグを表示する方法はカスタムLiquidを使うなど色々ありますが、表示させたいタグをテーマエディタ側で指定できるようにした独自ブロックの設定例です。表示させるタグを敢えて指定する方式なので、不要なタグが表示されないよう制御できます。
    #Shopify

  • Shopifyのテーマ「Dawn」の商品詳細画面にあるShareボタンは、タップすると商品のURLが表示されるだけになっています。そこで、よくあるSNSアイコン付きのリンクの設定例です。足りないアイコン画像を追加し、各リンクルールに基づきシェア用URLを設定しています。
    #Shopify

  • Shopifyのすべてのストアで適用されるようになった「１ページチェックアウト」ですが、Shopify Plus以外のストアはテーマ設定から「１ページ / ３ページ」の切り替えができます。お手軽ですが、テーマ切り替え時にチェックアウトレイアウトまで切り替わってしまわないよう注意が必要です。
    #Shopify