Xポストログ

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

  • サイズの異なる画像を扱う際は、CSSのaspect-retioとobject-fit: cover;プロパティの組み合わせが便利ですね。比較的新しいプロパティですが、モバイル含めて既にほぼ全てのモダンブラウザで利用可能になっています。
    #css

    Xで見る
  • 参考になる投稿です。弊社でもSNSログイン実装の際はPLUSへのアップグレードを必須とさせて頂いております。
    Shopifyのマルチパス機能に対応していないアプリは"アプリ側で平文のパスワードを持っている"とのことで非常にハイリスクですから使わない方が良いですね。
    https://qiita.com/tak_iwasaki/items/f76e873233d886264849
    #Shopify

    Xで見る
  • Shopifyのストア内に自由に作成できる「ページ」ですが、会員向け告知ページや特定のLPなど、検索結果に表示させたくないものもあります。ページごとに都度noindex処理を施しても良いのですが、随時発生するものなのでメタフィールドを使って手軽に検索対象除外設定できるようにしています。
    #Shopify

    Xで見る
  • さまざまな方面でニーズがありますので、さっそく試させていただきます!

    Shopifyで様々な配送条件に応じた配送料の設定を可能にする国産アプリ「配送料カスタム.amp」をリリース https://prtimes.jp/main/html/rd/p/000000011.000062131.html @PRTIMES_JPより

    Xで見る
  • Shopifyの商品ページでギフトや熨斗の有無を設定できるようになる便利なアプリがありますが、有料オプションを設定する場合、商品情報を紐づけする必要があります。ただ、一部のアプリはカートにその商品も入れてしまうので、単品購入できないようにしておきたい所ですが、その設定例です。
    #Shopify

    Xで見る
  • (修正版の再投稿です)Shopifyアプリにはレビューやレコメンド、SNS連携など画面表示後にJSで動的に描画されるものがあります。そして大抵はデザインを操作できるのですが、とあるアプリで設定が変更できずテンプレート側のCSSでも操作できない事がありました。その対応方法です。※再投稿
    #Shopify

    Xで見る
  • Shopifyの「返金ポリシー」と「配送ポリシー」は、そのままだとあまり馴染みがないのでページタイトルを変えたくなりますよね。当初、テンプレートのカスタマイズで対応しようとしていたのですが、そもそも言語設定から簡単に変更可能なことを見落としてました。(誤字訂正しました)
    #Shopify

    Xで見る
  • Shopifyで外部からスパムリンク用ページを作成できてしまうバグ?というか仕様。盲点でした。対策としてはvendors ハンドルの時だけnoindexさせるのが有効そうです。
    ちなみに販売元のコレクションを作りたい時は自動コレクションの条件に指定すればいいだけですね。
    https://community.shopify.com/c/shopify-discussions/shopify-big-bug-collections-vendors-q-xxxxxx/td-p/1849171
    #Shopify

    Xで見る
  • Shopifyテンプレートでは商品タイトルや値段など{{product.title}}のように取得できますが、xxxDropという値が表示されるものがあります。
    その際、全てのケースで有効ではないのですがjsonフィルタを使うと中身を見ることができます。プロパティ値がわからないときに助かりますね。
    #Shopify #liquid

    Xで見る
  • ShopifyでCSVを使って商品情報インポートする際、公開サーバ上のファイルを参照させることで商品画像として取り込むことができます。
    大量の商品登録時は画像の参照先に迷いますが、どこか別の場所にアップロードせずとも自社ストアで自己完結させてしまおうというのがこちらの方法です。
    #Shopify

    Xで見る
  • Shopifyでは、注文についてご購入者の方から様々なお問い合せを受けることがあるかと思います。注文後の「配送先」変更は可能なのですが、セキュリティ上の理由から「請求先」は管理画面からも行えません。注文をキャンセルしてから再注文して頂く必要があります。
    https://community.shopify.com/c/%E7%B7%8F%E5%90%88%E7%9A%84%E3%81%AA%E3%83%87%E3%82%A3%E3%82%B9%E3%82%AB%E3%83%83%E3%82%B7%E3%83%A7%E3%83%B3/%E6%B3%A8%E6%96%87%E7%AE%A1%E7%90%86%E7%94%BB%E9%9D%A2%E3%81%AE%E8%AB%8B%E6%B1%82%E5%85%88%E4%BD%8F%E6%89%80%E3%81%AE%E5%A4%89%E6%9B%B4%E6%96%B9%E6%B3%95%E3%81%AB%E3%81%A4%E3%81%84%E3%81%A6/td-p/1380
    #Shopify

    Xで見る
  • Shopifyでクーポンコードの一括生成はいくつか方法がありますが、ギフトカードについてはこちらのアプリが便利です。数千件のギフトカード発行も問題なく、何かあってもベンダーのサポート窓口が迅速に回答してくれたので安心して運用できました。
    https://apps.shopify.com/gift-card-factory?locale=ja
    #shopify #ShopifyApp

    Xで見る
  • ShopifyでおすすめのCRMツールといえばやはりKlaviyoでしょうか。
    購入金額や任意のセグメントなどかなり細かい条件を指定してメール配信することができるほか、配信したメールの効果検証もかなり詳細にできるので非常に重宝しています。
    https://apps.shopify.com/klaviyo-email-marketing?locale=ja
    #Shopify #ShopifyApp

    Xで見る
  • あけましておめでとうございます。新年1つ目はテスト関連のお話。
    ストアリリース前は様々な購入形態をテストする必要がありますが、パターンの洗い出しは地味に手間がかかります。そこでこんなツールを作成して購入パターンを一気に生成しています。
    https://docs.google.com/spreadsheets/d/12IsMVTtQjFhl7mbhSzVogcNGrktFXlWgHQPXMIemWzg/edit?usp=sharing
    #Shopify #spreadsheets

    Xで見る
  • 様々な案件が同時並行しているので、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で見る