Xポストログ

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

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

  • 様々な案件が同時並行しているので、StoreHeroではNotionを使ってプロジェクト管理をしています。
    ただ、マーチャント様とはNotionをそのまま共有できないことも多く、その際はスプレッドシートを使っています。そこでNotionと連動させるGASを書いて、同期を取るなどしています。
    #GAS #Notion

    Xで見る
  • Shopifyの注文管理画面で「注文メモ」付きのデータを絞り込みたい場合、残念ながら標準のフィルタ機能がありません。そこでFlowを使って注文メモ付きOrderにタグ付けするよう設定しておくと便利です。ちなみにFlowは既存注文にも適用できるので後から設定しても問題ありません。
    #Shopify #shopifyflow


    スレッド

    タグを付与するだけならタグの削除条件まで設定する必要はないのですが、管理画面から注文メモが削除されていた際に不要なタグを削除しておきたい場合の処理を追加しています。

    Xで見る
  • Shopifyの言語表示設定は優秀で、ほとんどの表示ラベルは管理画面の「テーマのコンテンツ」から編集できるのですが、テーマをカスタマイズして独自要素を追加した際は、こんな感じでテーマエディタ側に入力欄を設けて編集可能な仕様にすることがあります。
    #Shopify

    Xで見る
  • Shopifyのメニュー、テーマによってはメガメニューで見栄え良く設定できるのですが、通常メニューでもサムネイルが表示できると閲覧ユーザーの利便性が上がるのでオススメです。メニューの要素オブジェクト(link.links)から画像URLを取得してサムネイル表示させる方法です。
    #Shopify

    Xで見る
  • StoreHeroがリリースしているアプリを使って、購入完了画面でアンケートを取ることができます。購入後の画面ですが入力完了率は高く、実際にご購入頂いたお客様からの貴重なお声が頂けることもあり、重宝しています。
    #Shopify

    Xで見る
  • Shopify Flowで Order の Line Item Properties の値を使って処理を振り分けたい場合にどうすれば良いのか探していたら、バッチリな回答が見つかりました。customAttributesを使うんですね。
    #Shopify #ShopifyFlow
    https://community.shopify.com/c/shopify-flow-app/flow-access-line-item-properties/m-p/1488117/highlight/true

    Xで見る
  • スタンダードプラン以上なら公式のShopify Flowを使うべきですが、コストを抑えて同じような事を行いたい場合、このようなアプリがあります。(とはいえ、ストアの将来的な成長を考慮すると、やはり可能ならプランを上げて最初からShopify Flowを使う方が良いです)
    https://apps.shopify.com/mesa?locale=ja
    #Shopify

    Xで見る
  • カレンダーアプリは色々ありますが、日付をまたいでイベント設定できたり、イベント詳細をモーダルで表示できるなど、こちらのアプリが今のところ一番使い勝手が良いですね。
    https://apps.shopify.com/elfsight-event-calendar?locale=ja
    #shopify

    Xで見る
  • Shopifyストアのフッターにはメルマガ登録フォームが標準で設定されていますが、メールアドレスを入力してもらう以外にもアンケート項目を追加することがあります。一例ですが、こんな感じで実装しています。
    #Shopify #メルマガ登録フォーム

    Xで見る
  • 同時並行で多くのマーチャント様のストアに関わらせていただいていることもあり、修正やカスタマイズを行う際は仕様ドキュメントをこまめに作成するようにしています。コード書いてる時は大丈夫なのですが、数ヶ月後に見返すと、なぜそうしたのか思い出せない事が結構あるんですよね...
    #Shopify

    Xで見る
  • Shopifyの商品情報編集画面は商品説明の入力欄が狭くて編集しづらいので、以前右カラムを非表示するブックマークレットを作成したのですが、新たに高さも変更できるようにしてみました。解像度の大きいモニタでは、高さ1500pxぐらいに広げて編集してます。
    https://x.com/sh_sakamoto/status/1564113685538549760
    #Shopify

    Xで見る
  • @Esgrimamor いえ、そこは別途カスタマイズをする必要があります。この方法ですと、「collections/list-name」と「collections/xxx」が並列の階層になってしまうため、明示的に親子関係を別途定義する必要があります。なので「コレクションメタフィールドを使って親handleを指定」する、などでしています。

    Xで見る
  • Shopifyのコレクションリストは「/collections」というURLで一つしか持てないのですが、複数掲載したいケースがあります。そんな時は新規作成したテンプレートに「コレクションリスト」セクションを表示する方法を使うことがあります。コードを書かずにエディタから管理できるので便利です。
    #shopify

    Xで見る
  • Shopifyストアの検索方法はいくつかありますが、有料ですがbuilt withが良さげです。googleのsite:検索は独自ドメインが調べられません。
    1. built with(http://builtwith.com)で調べる
    2.ソースコード検索(http://publicwww.com)する
    3. googleで「site:*.myshopify.com」検索する
    #Shopify


    スレッド

    http://myip.ms にアクセスして、 Shopify の公式 Web サイトのIP アドレスである23.227.38.32を検索する、という方法もあります。

    Xで見る
  • 先日ツイートした内容の一部訂正です。会員登録完了後に該当のページに戻ってきた後で、「会員登録ページへ」ボタンをもう一度押した際に再度リダイレクトしてしまわないよう一部コードを書き換えました。
    #Shopify
    https://x.com/sh_sakamoto/status/1603652292057911296

    Xで見る
  • Shopifyは通常、配送不要品は自動でフルフィルメント(配送完了)されませんが、Mechanicを使えばできるようになります。
    そこでフルフィルメント済みかつ商品タイプがデジタルグッズの場合、注文詳細を「発送済」ではなく「ダウンロード」リンクが表示されるようにしてみました。便利です。
    #Shopify

    Xで見る
  • Shopifyでは会員登録やログイン後、通常はマイページに遷移してしまいます。
    ですが、会員セールページなどを展開する時は、新規の登録も促したいので、登録後すぐにそのページに戻ってきてほしかったりします。そこで手軽に?実装できるコードを書いてみました。
    #Shopify


    スレッド

    コードが改行されてしまっていたので上げ直します。

    Xで見る
  • Shopify App FoundersのコミュニティがFacebookにありました。盛り上がってそうですね。
    https://www.facebook.com/groups/shopifyappfounders
    #Shopify #ShopifyApp

    Xで見る
  • 顧客の独自情報を追加・編集できるようになるCustomer Fieldsという便利なアプリがあるのですが、登録されたJSON形式フィールド値の有無で表示を判別しようとした際、中身が無い時も空配列[]は残ったままになってしまい、なんだか悩ましい処理になってしまいました。
    https://apps.shopify.com/customr?locale=ja
    #Shopify

    Xで見る
  • メタフィールドの複数行テキスト欄の場合、そのままですと表示側で改行が反映されないので、出力するタグ側で「newline_to_br」フィルタをつけておく必要があります。
    #Shopify

    Xで見る