Xポストログ

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

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

  • 【Shopify TIPS】
    Shopifyのチェックアウトのレイアウト指定はテーマ設定から行う

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

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


    スレッド

    https://store-dojo.com/products/2023-12-12

    Xで見る
  • 【Shopify TIPS】
    ShopifyのテーマDawnの商品画像にLoading処理を追加する設定例

    Shopifyのテーマ「Dawn」には他のテーマで見かけるような商品画像の読み込み中に表示されるLoading処理が付いていません。そこで、Javascriptによってcssアニメーションによるloaderを動的に追加するための設定例です。(DOMの指定方法が異なるためテーマ「Dawn」でのみ使用可能です)

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


    スレッド

    https://store-dojo.com/products/2023-12-11

    Xで見る
  • 【Shopify TIPS】
    Shopifyのテーマ「Dawn」のアカウントアイコンをログインの前と後で変える設定例

    Shopifyで「お客様アカウント」を有効化するとヘッダーにアカウントアイコンが表示されるようになりますが、このアカウントをログイン状態の有無に応じて切り替える方法です。アイコンを表示するスニペットファイルの中で、ログイン判定するコードを使って実装できます。

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


    スレッド

    https://store-dojo.com/products/2023-12-10

    Xで見る
  • 【Shopify TIPS】
    Shopifyのアプリ「Matrixify」を使って商品のタイムセールを自動で実行する設定例

    ShopifyのアプリMatrixifyのスケジュール機能を使えば、簡単にタイムセールを実行することもできます。商品の価格などを一時的に変更するCSVと元に戻すCSVの2つを用意しておき、それぞれスケジュールを設定しておくだけです。それなりの数の商品を一括で処理したいときなど重宝します。

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


    スレッド

    https://store-dojo.com/products/2023-12-09

    Xで見る
  • 【Shopify TIPS】
    Shopifyのテーマ「Dawn」の検索フォームに絞り込みフィルターの一つをカテゴリ検索のように持たせる設定例

    Shopifyのテーマ「Dawn」の検索ボックスにPC版Amazonのような、カテゴリの絞り込み機能を持たせる設定例です。コレクションページに設定できる絞り込みフィルターを使うことで、指定範囲内でのキーワード検索が実行できるようになります。

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


    スレッド

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

    Xで見る
  • 【Shopify TIPS】
    Shopifyでメタフィールドを使ってコレクションごとにフィルターの非表示指定ができるようにする設定例

    Shopifyのコレクション絞り込みフィルターは全てのページで共通です。掲載商品に該当項目がなければ自動でその項目は非表示になるので十分便利なのですが、それでもコレクションごとに特定のフィルターを敢えて非表示にしたいことがあります。メタフィールドを使った設定方法の実装例です。

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


    スレッド

    https://store-dojo.com/products/2023-12-07

    Xで見る
  • 【Shopify TIPS】
    Shopifyのアプリ「Matrixify」を使ってcoming soon設定した商品を自動で公開状態にする設定例

    Shopifyで、商品を事前公開しつつ特定の日時になったら購入可能にするには専用アプリやメタフィールドを使うなどいくつか手段がありますが、Matrixifyのスケジュール機能を使って商品情報を直接更新するという方法もあります。その設定例です。

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


    スレッド

    https://store-dojo.com/products/2023-12-05

    Xで見る
  • 【Shopify TIPS】
    Shopifyのテーマ「Dawn」でバリアントを持つ商品の在庫が一部切れている場合にコレクション(商品一覧)画面に「一部売り切れ」と表示する設定例

    Shopifyのテーマ「Dawn」のコレクションページでは、全てのバリアントが売り切れている時に「売り切れ」と表示されますが、いくつかのバリアントが在庫切れになってしまっている場合にも「一部売り切れ」として表示したいときがあります。その設定例です。

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


    スレッド

    https://store-dojo.com/products/2023-12-04

    Xで見る
  • 【Shopify TIPS】
    購入時アンケート(cart.attributes)が入力されたらスプレッドシートに回答を集計し、メールで速報を送る設定例

    Shopifyのカート画面で購入時アンケートを取れるようにした後は、その内容をメールで通知したりスプレッドシートに自動集計することで運用時の利便性を高めることができます。その設定例です。

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


    スレッド

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

    Xで見る
  • 【Shopify TIPS】
    カート画面で購入前アンケートを実装する設定例(cart.attributesを利用)

    Shopifyのカート画面に設置するアンケートセクションです。注文詳細で回答内容を確認できます。
    ちなみにStoreHeroにはさらに高機能なアンケートアプリを要しておりまして、より高度なアンケートを実施可能です。別途、ご相談お待ちしてます。

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


    スレッド

    https://store-dojo.com/products/2023-12-02

    Xで見る
  • 【Shopify TIPS】
    Shopifyで通過シンボルを価格と異なるサイズに変更する方法

    メルカリの「¥マークを小さくしたら購入率が大きく改善された」施策が注目されましたが、Shopifyで実際に通貨シンボルを価格と異なるサイズで表記したい場合の設定例です。価格は通常シンボルとセットで出力されるので、replaceを使って置き換えています。

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


    スレッド

    https://store-dojo.com/products/2023-12-01

    Xで見る
  • Shopifyの管理画面のメニューの「販売チャネル」と「アプリ」はドラッグ&ドロップで表示位置変更できるのですね。知りませんでした。
    #Shopify

    Xで見る
  • 【Shopify TIPS】
    Shopifyのテーマ「Dawn」で通貨コードを非表示にする

    Shopifyのテーマ「Dawn」はデフォルトで商品価格の表示が「¥3,000 JPY」となっているため、この「JPY」の部分は非表示にしたいというお話はよく聞きます。テーマ設定に項目があるので、そちらのチェックを外してもらえばOKです。

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


    スレッド

    https://store-dojo.com/products/2023-11-30

    Xで見る
  • 【Shopify TIPS】
    Shopifyで通常の商品テンプレートとは別にカート追加できない事前公開商品テンプレートを用いる時の注意点

    Shopifyのテーマエディタで「カートに追加する」ボタンを非表示にした商品テンプレートを複製することで、購入開始前の事前公開状態を作成することができます。ただし、その際に、商品購入できないはずがShopifyに詳しいユーザーであれば購入できてしまう可能性があるため、注意が必要です。

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


    スレッド

    https://store-dojo.com/products/2023-11-28

    Xで見る
  • 【Shopify TIPS】
    Shopifyの管理画面で登録されている コレクションの数を確認する方法 (count.jsonを追加する)

    あまり使うことはありませんが、Shopifyの管理画面では商品情報と同様にコレクション数もURLにcount.jsonを付けることで確認できます。(ただし商品情報とは異なり、絞り込みまれた件数は表示されないようです)

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


    スレッド

    https://store-dojo.com/products/2023-11-27

    Xで見る
  • 【Shopify TIPS】
    Shopifyのテーマ「Dawn」でカートメモ欄の右(モバイル画面では下)に自由にコメントなどを挿入できるようにカスタムLiquid入力欄を追加する設定例

    Shopifyのカートメモですが、メモのタイトルは「デフォルトテーマのコンテンツを編集する」から変更できるものの、何かしらのコメントなどを追加することはできません。そこでテーマ「Dawn」に、カスタムLiquidで編集可能なカートメモの補足事項を掲載できるようにするための設定方法です。

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


    スレッド

    https://store-dojo.com/products/2023-11-26

    Xで見る
  • 【Shopify TIPS】
    アカウント未登録の顧客に対して「注文の確認メール」で会員登録を促す設定例

    Shopifyではストア上で顧客がログインしているかどうかで表示内容を変えるカスタマイズを行うことがありますが、購入後に送られる「注文の確認」メールでもそれに近しいことが実装できます。顧客のログイン用アカウント有無を判別して、メール本文の内容を出し分ける設定例です。

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


    スレッド

    https://store-dojo.com/products/2023-11-25

    Xで見る
  • 【Shopify TIPS】
    ShopifyのShopify Flowでスケジュールされたメール配信を行う際に1回の配信で100件以上送信対象が存在する場合の設定例

    Shopify Flowを使ってスケジュール配信をする際、配信対象顧客が100件で済むことは無いかと思います。そこで、「顧客タグ」と「繰り返し設定」を使って、フロー処理に少し工夫を加える必要があります。例えば1ヶ月に1回配信するスケジュールでの設定例です。

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


    スレッド

    https://store-dojo.com/products/2023-11-24

    Xで見る
  • 【Shopify TIPS】
    ShopifyのShopify Flowを使ってメールをスケジュールで配信する設定方法

    Shopify Flowを使ってスケジュール配信をする際、スケジュールトリガーから直でメール配信アクションを実行できません。配信対象の顧客IDが必要なためです。なので、顧客データ抽出アクションを実行した後でloopを使ってメールを送る処理を入れる必要があります。

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


    スレッド

    https://store-dojo.com/products/2023-11-23

    Xで見る
  • 【Shopify TIPS】
    ShopifyのShopify Flowを使ってメールをスケジュールで配信する設定方法
    https://store-dojo.com/products/2023-11-23

    Xで見る