Xポストログ

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

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

  • Shopifyのテーマ「Dawn」で、商品詳細や商品一覧の在庫切れ商品に表示される「売り切れ（テーマのコンテンツ編集から変更可能）」の文字ですが、これを商品ごとに任意の内容に変更するための設定例です。定期的に在庫が補充される商品についてラベルを設定しておくなどの使い方になります。
    #Shopify

  • Shopifyのアカウントページと同様に、お問い合わせフォームについてもメールアドレスの間違いは防ぎたいところです。実際、アドレス間違いで返信が届かないということが発生しています。そこで確認用のフォームを設置して入力間違いを防ぐための設定例です。
    https://x.com/sh_sakamoto/status/1710142842159431979
    #Shopify

  • 少々マニアックなカスタマイズ事例です。アンバサダー施策などで特定の流入経路からの購入であることがわかるように、パラメータ名とその値を注文データに引き継ぐための設定例です。ストアアクセス時に指定されたパラメータが付与されていればcart attributesに値を渡します。
    #Shopify

  • Shopifyのテーマ「Dawn」ではカートに入っている商品の削除ボタンを押すと、確認メッセージなど表示されず即座にアイテムが取り除かれます。そこで誤って削除されないようにするためダイアログを表示する方法です。（cart.jsを修正するのでテーマバックアップを行なってから実装して下さい）
    #Shopify

  • Shopifyで、「ドロワーメニューボタン」など画面遷移を伴わないクリックのイベントをGA4で計測したいケースがあります。gtagを使ったイベント計測用タグをテーマエディタから定義できるようにする設定例です。（カスタムイベントなので必ずしも計測できない事があるのでご注意ください）
    #Shopify

    スレッド

    ４枚目の画像がおかしかったのであげ直します。

  • Shopifyのチェックアウト画面はPlusを契約しないとカスタマイズできないことがほとんどですが、入力フォームのプレースホルダーは変更ができます。詳細住所の入力不備で配達不能な注文を削減するためにも、入力例などを追記しておくと良いですね。
    #Shopify

  • Shopifyでストアデフォルトのヘッダー・フッターを持たないページを作成したくなる時があります。その手軽さや利便性の高さから通常はページビルダーアプリを使うことをオススメすることが多いのですが、テーマファイルのカスタマイズで実装することも可能です。その設定例です。
    #Shopify

  • Shopifyのアカウントは(Shopifyに依頼して設定変更しない限り)メールアドレスの受信確認なしで登録可能です。そのためアドレスを間違えて登録された場合、再ログインできない可能性があります。そこで確認用のフォームを設置して入力間違いを防ぐための設定例です。
    https://colossal-vanadium-63c.notion.site/Dawn-1b908f218b8d4444ba90bcd97ced9e52?pvs=4
    #Shopify

  • 本来の使い方ではないのですが、マーチャントさんと相談の上、メタオブジェクトを使って作業実績を保管している事例です。作業スケジュールなど別途管理することがほとんどですが、これをやっておくとShopify単体で状況把握できるので引き継ぎもしやすいです。
    #Shopify

  • Shopifyのテーマ「Dawn」のスライドショーセクションですが、リンク先を指定する際はリンクボタンとして画像の上に表示されます。これはこれで導線としてわかりやすくて良いのですが、場合によってはボタンは表示せずに画像全体にリンク先を指定したい時があります。その設定例です。
    #Shopify

  • Shopifyのテーマ「Dawn」のお問い合わせフォームですが、デフォルトでは送信が成功するとその場でメッセージを表示して完了となります。ただ、計測のためだったり別途フォームの無いメッセージを表示したいなどの目的から、別のページ（URL）に飛ばしたい時があります。その設定例です。
    #Shopify

  • 加藤さんがポストしていたShopify Flowのログの件ですが、とても便利ですね。Flow作成の際に変数の中身やステップの進み具合の確認など、大いに活用させてもらってます。
    https://x.com/jazzyslide/status/1704645082383859912
    #Shopify

  • ShopifyのテーマDawnのコレクションページに表示される商品写真は、商品情報に登録した１枚目（マウスオーバー時は２枚目）の画像に固定されていますが、これを任意の画像を指定できるようにする設定方法です。メタフィールドに入力欄を設けているので、商品ごとに指定が可能です。
    #shopify