Xポストログ

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

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

  • 【Shopify TIPS】
    Shopifyで管理画面で変更をかけた注文にタグをつけて注意メッセージを表示する設定例

    Shopifyの公式回答にもあるように管理画面から編集した注文はアカウントの注文詳細に反映されません(追加はされるが削除されない)。お客様は変更内容が反映されないと心配されますので、注文タグを付けて注意メッセージを出すなどの対応をすると良いでしょう。

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


    スレッド

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

    Xで見る
  • 時間を見つけては、Shopifyの新テーマ「Horizon」を試しています。

    直感的に要素を横並びにレイアウトできるようにしたかったので、構造を探りつつオリジナルの「カラム」ブロックを作成しました。
    テーマブロックとして定義したことで、さまざまなセクションで利用可能になり、ネストにも対応。組み合わせ次第でかなり自由なレイアウトが組めそうだという手応えを得られました。

    新テーマを使いこなすにあたっては、
    「テーマブロックを活かしつつ、どこまでメンテナンスしやすい構造にできるか」
    「できるだけコードカスタマイズをせずに柔軟な表現を実現できるか」
    などを意識しながら取り組んでいます。

    テーマブロックのネストやAI生成ブロックを含む柔軟なレイアウトを、どう設計・制御するかが今後ますます重要だと実感しています。

    社内用ドキュメントをまとめながら、新テーマを深く理解し、どう使いこなしていくかを検証中です。

    #Shopify #Horizon #ShopifyTheme

    Xで見る
  • 【Shopify TIPS】
    Shopifyのテーマ「Dawn」のスマートフォン閲覧時のカート画面で 合計金額と「ご購入手続きへ」ボタンをフッター固定にする設定例

    Shopifyのテーマ「Dawn」で、一度に購入する商品点数が多いストアでカート離脱をできるだけ防ぎたい際に、スマートフォンでの閲覧時にカート画面で合計金額と「ご購入手続きへ」ボタンをフッター固定にする設定例です。

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


    スレッド

    https://store-dojo.com/products/2024-04-05

    Xで見る
  • 【Shopify TIPS】
    Shopifyで注文管理画面で発送が完了した商品に「発送完了日をタグ付け」する設定例

    Shopifyの注文管理一覧画面で、発送完了日も確認したいというリクエストをいただくことがあります。注文のフルフィルメント完了と同時に「発送完了_[注文日付]」というタグを付与するFlowを走らせるのが簡単ですね。

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


    スレッド

    https://store-dojo.com/products/2024-04-04

    Xで見る
  • 【Shopify TIPS】
    Shopifyで商品詳細画面のメディア(画像)の元画像のURLを一気に取得する方法

    Shopifyで商品管理画面から商品画像を取得したい時があります。一つひとつ開いてダウンロードしても良いのですが、数が多いと手間なのでまとめて元画像のURLをクリップボードにコピーする方法です。

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


    スレッド

    https://store-dojo.com/products/2024-04-03

    Xで見る
  • 【Shopify TIPS】
    Shopifyでアプリブロックの見た目を変えたい時はカスタムCSSよりもカスタマイズされたLiquidセクションがおすすめ

    Shopifyでは様々なアプリが実装可能ですが、ストアの体裁に合わせてアプリのスタイルに手を加える事もあります。そんな時は文字数制限のあるカスタムCSSではなく、カスタマイズされたLiquidコードセクションにCSSを書くと便利だったりします。(もちろん直接コード編集してもOKなのですが)

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


    スレッド

    https://store-dojo.com/products/2024-04-02

    Xで見る
  • 【Shopify TIPS】
    Shopifyで使用されたクーポンコードを利用回数もカウントして顧客情報のタグとして付与する設定例

    Shopifyで顧客が使用したクーポンを顧客タグとして記録する方法を拡張し、さらにクーポンの使用回数まで記録しておきたい場合の設定例です。

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


    スレッド

    https://store-dojo.com/products/2024-04-01

    Xで見る
  • 【Shopify TIPS】
    Shopifyで使用されたクーポンコードを顧客情報のタグとして付与する設定例

    Shopifyで顧客が使用したクーポンを顧客タグとして記録しておくための設定例です。「レポート」からクーポンごとの利用者を確認することができますが、顧客情報に直接記録しておくことですぐに確認することができます。

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


    スレッド

    https://store-dojo.com/products/2024-03-31

    Xで見る
  • 【Shopify TIPS】
    Shopifyの⁨⁩⁨⁩⁨⁩⁨⁩テーマ「Dawn」の注文詳細画面に「まとめてもう一度購入」ボタンを表示できるようにする設定例

    Shopifyの注文詳細画面の商品ごとに「再注文」ボタンを表示する設定例の派生で、注文商品をまとめてもう一度購入できるボタンの設定例です。一度に複数の商品を購入する頻度が高い商材の場合に有用です。

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


    スレッド

    https://store-dojo.com/products/2024-03-29

    Xで見る
  • 【Shopify TIPS】
    Shopifyの⁨⁩⁨⁩⁨⁩テーマ「Dawn」のヘッダー告知バーに「あといくらで送料無料」を表示する設定例

    Shopifyの「Dawn」テーマのヘッダー告知バーに「あといくらで送料無料」を表示するための設定例です。テーマエディタの告知バー設定で判定金額が設定できます。また、カートの商品情報をリアルタイムで検知して表示情報が切り替わります。

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


    スレッド

    https://store-dojo.com/products/2024-03-28

    Xで見る
  • 【Shopify TIPS】
    Shopifyで注文状況ページ(注文完了ページ)をURLで直接表示した時はメールアドレスと注文番号で本人確認が入る

    Shopifyの注文完了画面(Order Status Page)は、メールアドレスと注文番号などでの本人確認が必要です(管理画面から開く場合も同様)。

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


    スレッド

    https://store-dojo.com/products/2024-03-27

    Xで見る
  • 【Shopify TIPS】
    Shopifyで特定の商品を購入した顧客だけ使えるクーポンの設定例

    Shopifyで特定の商品購入者の方だけが使えるクーポンの設定例です。指定の顧客タグを持ったセグメントだけが使用できるクーポンを作成し、Flowを使って配送完了時に自動で顧客タグが付与されるようにしています。

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


    スレッド

    https://store-dojo.com/products/2024-03-26

    Xで見る
  • 【Shopify TIPS】
    Shopifyでバリアントメタフィールドに設定された値をバリアント選択に応じて表示切替するための設定例

    Shopifyの商品詳細ページで、バリアントメタフィールドを使って商品バリエーションごとに掲載情報を切り替えたい場合がありますが、javascriptとliquidを組み合わせた設定例です。

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


    スレッド

    https://store-dojo.com/products/2024-03-25

    Xで見る
  • 【Shopify TIPS】
    ShopifyでShopify UI Elements Generatorで生成したLine item propertyをカスタマイズされたLiquidで設置した際、カートに情報が入らない場合の対応方法

    Shopifyテーマカスタマイズの三種の神器として紹介されているLine Item Propertyですが、専用のジェネレーターで生成したコードがそのまま使えない時があります。その対応方法です。

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


    スレッド

    https://store-dojo.com/products/2024-03-24

    Xで見る
  • 【Shopify TIPS】
    ShopifyでShopify Flowを使って対象商品の購入数と同じ数だけ追加で商品を付与する設定例

    Shopifyで特定の商品が購入された際に、その対象商品の購入点数と同じ数分だけ商品を追加する処理をFlowで実装する場合の設定例です。商品追加アクションのQuantitiyに設定するliquidは空白を挟むとエラーになるのでコードを連続で記述する必要があります。

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


    スレッド

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

    Xで見る
  • 【Shopify TIPS】
    Shopifyの⁨⁩テーマ「Dawn」の関連商品に特定の商品が表示されないようにする設定例(掲載除外対象品はコレクションで指定可能)

    Shopifyの商品詳細にデフォルトで表示されている「関連商品」セクションですが、ショッパー(紙袋)などレコメンドしたくない商品も掲載されてしまうことがあります。対象の商品をまとめて除外対象に指定できるようにする設定例です。

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


    スレッド

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

    Xで見る
  • 【Shopify TIPS】
    Shopifyの⁨⁩⁨⁩⁨⁩テーマ「Dawn」の注文詳細画面に注文した商品のサムネイルを表示する設定例

    Shopifyの注文詳細画面で、購入商品ごとに商品画像のサムネイルを表示する設定例です。現在は販売を終了してしまっている商品の画像も表示されます。

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


    スレッド

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

    Xで見る
  • 【Shopify TIPS】
    Shopifyの⁨⁩⁨⁩テーマ「Dawn」の注文詳細画面に「再注文」ボタンを表示する設定例

    Shopifyの注文詳細画面の商品ごとに「再注文」ボタンを表示する設定例です。商品詳細画面に遷移しなくても直接カートに追加できるようになるので、購入頻度の高い商材を扱っているストアほど利便性を高めることができます。

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


    スレッド

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

    Xで見る
  • 【Shopify TIPS】
    Shopifyでアプリ「Matrixify」を使ってスケジュールした日に商品を非公開化する設定例

    Shopifyの商品情報は管理画面で公開予定日を設定して所定の日時になったら表示することができますが、取り下げの日時を設定することはできません。そんな時はMatrixifyを使って商品を下書き状態にする日時をスケジュール設定しておくと簡単に設定できて良いですね。

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


    スレッド

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

    Xで見る
  • 【Shopify TIPS】
    Shopifyの⁨⁩テーマ「Dawn」のハンバーガー(ドロワー)メニュー内のメニュー前後にカスタムLiquidブロックとしてコンテンツを挿入できるようにする設定例

    Shopifyのテーマ「Dawn」のモバイル用ハンバーガーメニューのメニューリスト前後に任意のHTMLを表示できるようにするにあたって、ブロック要素としてより管理しやすくした場合の設定例です。

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


    スレッド

    https://store-dojo.com/products/2023-03-18

    Xで見る