Xポストログ

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

  • スタンダードプラン以上なら公式の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で見る
  • そういえば今年のShopify Uniteで発表されたPlusマーチャントが利用できるShopify Functionsですが、今後数週間のうちに利用可能になっていくようです。ただ、現時点でcheckout.liquidをすでにカスタマイズしている場合は利用できないとのこと。要注意です。
    #shopify
    https://shopify.dev/api/functions

    Xで見る
  • 海外製ですがShopifyに特化した求人サイト。先週オープンしたばかりとのことでまだまだ求人数は少ないですが、興味深いですね。今の所アプリとテーマベンダー、エージェンシーの求人がメインですね。
    https://workwithshop.com/
    #Shopify


    スレッド

    海外はマーチャントの自社運営が多いと聞きましたが、エージェンシーも多そうですね。そして、募集要項を見ると日本国内の制作会社やマーケティング会社が提供するものと同じ機能を担っているようです。
    Shopifyを通じて戦略から実務まで一貫して担えるスキルは、海外でも十分価値が高そうです。

    Xで見る
  • Shopifyが提供する無料のロゴジェネレーターのHatchful。いきなりプロにオーダーする前に、まずはこちらで試してみて、自社ブランドに合致しそうなものを見つけてみるのも手ですね。
    https://www.shopify.com/jp/tools/logo-maker
    #Shopify #logo

    Xで見る
  • 商品詳細にメタフィールドで「販売期限」という項目を設け、期限が来たら商品詳細や一覧からカート追加できなくなるようにする機能の実装はそこまで難しくありません。ただ、お気に入りアプリなど独自にカート追加できる機能がある場合、そこから購入できてしまうので要注意です。
    #shopify

    Xで見る
  • Shopifyの「通知」機能の「配送」セクションの中に「配達中」と「配達済み」があるのですが、この機能は「FedEx、Canada Post、DHL、UPS、またはUSPS以外をご利用の場合はこちらの通知機能をご利用いただくことができません」とのことでした。残念。
    #Shopify

    Xで見る
  • Shopifyの標準のお問い合わせフォームには自動返信機能がありません。
    https://community.shopify.com/c/%E6%8A%80%E8%A1%93%E7%9A%84%E3%81%AAq-a/%E3%81%8A%E5%95%8F%E3%81%84%E5%90%88%E3%82%8F%E3%81%9B%E3%83%95%E3%82%A9%E3%83%BC%E3%83%A0%E3%81%AE%E8%87%AA%E5%8B%95%E8%BF%94%E4%BF%A1%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6/td-p/828347
    そこで、こちらのアプリをおすすめしています。
    https://apps.shopify.com/form-builder-contact-form?locale=ja
    #Shopify

    Xで見る