Xポストログ

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

2025年10月の投稿 絞り込みを解除

  • 【Shopify TIPS】
    Shopifyのテーマ「Rise/Dawn」の商品詳細ページに商品タグを表示する設定例

    Shopifyのテーマ「Dawn」の商品詳細ページに商品タグを表示する設定方法です。こちら(https://store-dojo.com/products/2023-12-14)はコード編集でのカスタマイズ方法でしたが、より簡単に、テーマエディタから設定できる方法です。「Rise」でも使えます。

    (詳細はスレッドのリンク先に記載)
    #Shopify #ShopifyTIPS


    スレッド

    https://store-dojo.com/products/2024-08-23

    Xで見る
  • 【Shopify TIPS】
    Shopifyのテーマ「Rise/Dawn」のコレクションページに商品タグを表示する設定例:その2(タグごとにカラー指定したい場合)

    Shopifyのテーマ「Dawn」「Rise」で、コレクションページに商品タグを表示する設定方法ですが、単に表示したいタグを指定するだけでなく、そのタグごとにカラーコードを指定する、という方法もあります。こちらの方法(https://store-dojo.com/en-us/products/2024-08-21)から一部コードを修正することで対応可能です。

    (詳細はスレッドのリンク先に記載)
    #Shopify #ShopifyTIPS


    スレッド

    https://store-dojo.com/products/2024-08-22

    Xで見る
  • 【Shopify TIPS】
    Shopifyのテーマ「Rise/Dawn」のコレクションページに商品タグを表示する設定例

    Shopifyのテーマ「Dawn」で、コレクションページに商品タグを表示する設定方法です。こちらの方法(https://store-dojo.com/products/2023-04-23)はコード編集でのカスタマイズ方法でしたが、より簡単に、テーマエディタから設定できる方法です。「Rise」でも使えます。

    (詳細はスレッドのリンク先に記載)
    #Shopify #ShopifyTIPS


    スレッド

    https://store-dojo.com/products/2024-08-21

    Xで見る
  • 【Shopify TIPS】
    Shopifyのテーマ「Rise/Dawn」で売り切れ商品の価格を非表示にする設定例

    Shopifyのテーマ「Rise」「Dawn」で、売り切れた商品については価格を非表示にしたい場合の設定例です。(複数バリアントを持つ商品では、そのすべてが売り切れた場合に非表示)

    (詳細はスレッドのリンク先に記載)
    #Shopify #ShopifyTIPS


    スレッド

    https://store-dojo.com/products/2024-08-20

    Xで見る
  • 新しいメタフィールド定義『記事』『記事リスト』なんですが、Matrixifyを使ってアップロードした内容がまだうまく反映されないようでして、確認中です。
    https://x.com/sh_sakamoto/status/1971741649501135097
    #Shopify #Matrixify

    Xで見る
  • 【Shopify TIPS】
    Shopifyのテーマ「Rise/Dawn」の特集コレクションセクションで過去に購入済みの商品であることを表示する設定例

    Shopifyのテーマ「Rise」や「Dawn」のトップページなどの特集コレクションセクションでも、ログイン済みのアカウントに対して以前購入した商品にAmazonのように『過去購入済み』であることを表示するための設定例です。コレクションページのものとは少し異なるコードになります。

    (詳細はスレッドのリンク先に記載)
    #Shopify #ShopifyTIPS


    スレッド

    https://store-dojo.com/products/2024-08-19

    Xで見る
  • 【Shopify TIPS】
    Shopifyのテーマ「Rise/Dawn」のコレクション画面で過去に購入済みの商品であることを表示する設定例

    Shopifyのテーマ「Rise」や「Dawn」のコレクション(商品一覧)ページでも、ログイン済みのアカウントに対して、以前購入した商品にAmazonのように『過去購入済み』であることを表示するための設定例です。(paginate動作を担保するため少々複雑なコードになります)

    (詳細はスレッドのリンク先に記載)
    #Shopify #ShopifyTIPS


    スレッド

    https://store-dojo.com/products/2024-08-18

    Xで見る
  • お試し実装頂きありがとうございます。
    Horizon系のテーマは入れ子(ネスト)構造を設定できる「テーマブロック」に魅力がありますよね。公開しているカスタマイズコードは、ブロックレベルで単独で動くものが多いので、使いまわしやすいかな、と思います。ぜひ色々試してみてください。
    (以前お伝えしたように、既存ノウハウについてはHorizonでの利用可否も情報追加していこうかな、と思います)

    Xで見る
  • 【Shopify TIPS】
    Shopifyのテーマ「Rise/Dawn」の商品詳細画面で過去に購入済みの商品であることを表示する設定例

    Shopifyのテーマ「Rise」や「Dawn」の商品詳細画面で、ログイン済みのアカウントに対して、以前購入した商品にAmazonのように『過去購入済み』であることを表示するための設定例です。

    (詳細はスレッドのリンク先に記載)
    #Shopify #ShopifyTIPS


    スレッド

    https://store-dojo.com/products/2024-08-17

    Xで見る
  • 【Shopify TIPS】
    Shopify Flowを使って購入済みの商品(バリアント)を顧客メタフィールドに記録する設定例

    Shopifyで発送完了時に顧客メタフィールドに購入済みの商品(バリアント)をShopify Flowを使って記録しておく設定例です。購入数までは取得せず、その商品(バリアント)を購入したかどうかのみを保持します。

    (詳細はスレッドのリンク先に記載)
    #Shopify #ShopifyTIPS


    スレッド

    https://store-dojo.com/products/2024-08-16

    Xで見る
  • 【Shopify TIPS】
    Shopify Flowを使って使用済みクーポンコードを顧客メタフィールドに記録する設定例

    Shopifyで使用されたディスカウント(クーポンコード)を顧客メタフィールドに保持したい場合のFlow設定例です。顧客メタフィールドに保持しておくことで、使用されたディスカウントを個々の顧客ごとに確認しやすくなります。

    (詳細はスレッドのリンク先に記載)
    #Shopify #ShopifyTIPS


    スレッド

    【Shopify TIPS】 Shopify Flowを使って使用済みクーポンコードを顧客メタフィールドに記録する設定例
    https://store-dojo.com/products/2024-08-15

    Xで見る
  • 【Shopify TIPS】
    Shopify Flowを使って注文時に使われたクーポンコードを顧客タグに追加する設定例

    Shopifyで使用されたディスカウント(クーポンコード)を注文メモやタグ以外に、顧客タグとしても登録したい場合のFlow設定例です。顧客タグとして設定しておくことで特定クーポンの未利用顧客が抽出しやすくなり、CRMメール配信などに活用できます。

    (詳細はスレッドのリンク先に記載)
    #Shopify #ShopifyTIPS


    スレッド

    https://store-dojo.com/products/2024-08-14

    Xで見る
  • Shopifyで商品を非公開状態にしたい場合、これまではseo.hiddenというメタフィールドで設定する必要がありましたが、新たに「非公開」という商品ステータスが設置されたと公式から案内が届きました。今後はこれ一つで設定できるようになるので便利ですね。
    #Shopify

    Xで見る
  • 【Shopify TIPS】
    Shopifyのテーマ「Dawn」の数量セレクターをプルダウン型にする設定例

    Shopifyのテーマ「Dawn」で、商品詳細ページの数量セレクターを「+-」ボタン型からプルダウンに変更する設定例です。元のセレクターにはさまざまなイベントが紐づいているため、それらは維持しつつ、新たに設置するプルダウンを通じて間接的に操作する形にしています。

    (詳細はスレッドのリンク先に記載)
    #Shopify #ShopifyTIPS


    スレッド

    https://store-dojo.com/products/2024-08-13

    Xで見る
  • 【Shopify TIPS】
    ShopifyでSearch Consoleに出ているパラメータ付きの商品ページURLはcanonicalで正しいURLが指定されているので気にしなくてOK

    Shopifyの商品ページのレコメンドセクションに掲載されている商品リンクはパラメータが付与されているため、GoogleのSearch ConsoleにそのURLが検知されることがあります。レコメンドロジック用のパラメータなどですが、canonical設定で適切に処理されているので気にする必要はありません。

    (詳細はスレッドのリンク先に記載)
    #Shopify #ShopifyTIPS


    スレッド

    https://store-dojo.com/products/2024-08-12

    Xで見る
  • 【Shopify TIPS】
    Shopifyで決済方法を注文タグとして付与するFlowを設定した後で過去の注文にも適用したい場合も過去の注文を選択して一括でFlowを実行可能

    Shopifyの注文情報にShopify Payments以外の決済手段をタグ付けするFlow(https://store-dojo.com/products/2024-08-10)を設定した後で、過去の注文情報にもタグ付けしたい場合は、一括でFlow実行すればOKです。(Order createdトリガーによるFlowは後から一括実行ができるので便利ですね)

    (詳細はスレッドのリンク先に記載)
    #Shopify #ShopifyTIPS


    スレッド

    https://store-dojo.com/products/2024-08-11

    Xで見る
  • 【Shopify TIPS】
    Shopify Payments以外の決済方法を注文タグとして付与するFlowの設定例

    Shopifyの注文情報にShopify Payments以外の決済手段をタグ付けしておけば、注文管理ページで決済手段による絞り込みができるようになります。タグはFlowを使って注文生成時に設定されるようにしておきます。

    (詳細はスレッドのリンク先に記載)
    #Shopify #ShopifyTIPS


    スレッド

    https://store-dojo.com/products/2024-08-10

    Xで見る
  • 【Shopify TIPS】
    Shopifyのテーマ「Dawn」でサムネイルを表示しない商品詳細モバイルページで画像前後ナビゲーションを画像に重ねてより多くの情報をファーストビューに収める設定例

    Shopifyのテーマ「Dawn」のモバイルページで、商品写真のサムネイルを表示しないレイアウトパターンを採用する際は、ページを開いた瞬間により多くの情報が目に入るように画像の上にナビゲーションボタンや表示枚数を重ねて表示するのも良いですね。

    (詳細はスレッドのリンク先に記載)
    #Shopify #ShopifyTIPS


    スレッド

    https://store-dojo.com/products/2024-08-09

    Xで見る
  • 【Shopify TIPS】
    Shopifyのテーマ「Dawn」のヘッダーカートアイコン上に合計金額を表示する設定例

    Shopifyのテーマ「Dawn」のヘッダーにあるカートアイコンでは通常カート内のアイテム数が表示されますが、その代わりにカート内商品の合計金額を表示するようにした設定例です。

    (詳細はスレッドのリンク先に記載)
    #Shopify #ShopifyTIPS


    スレッド

    https://store-dojo.com/products/2024-08-07

    Xで見る
  • 【Shopify TIPS】
    Shopifyのテーマ「Dawn」のカート画面に「カートを空にする」リンクを設置する設定例

    使い道としては主にストア構築中のテスト用になるのですが、Shopifyのカート内のアイテムを一括削除するためのリンク設定方法です。

    (詳細はスレッドのリンク先に記載)
    #Shopify #ShopifyTIPS


    スレッド

    https://store-dojo.com/products/2024-08-06

    Xで見る