Xポストログ

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

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

  • Shopifyの管理画面から注文情報の削除・編集を行うとマイページの注文履歴に反映されない問題。自分も調べてみたのですが「refund.refund_line_items」でline_item.idを取得できず、キャンセルされたアイテムを突合して非表示にすることができませんでした。残念。
    https://bit.ly/3rO2O6S
    #shopify

    Xで見る
  • Shopifyの商品情報に設定する「商品タイプ」ですが、サジェストされる標準タイプから選んでおくとGoogleやInstagramとの連携もしやすいので後々重宝します。
    ちなみに種類が膨大なので、予めこちらのリストからざっと確認しておくことをオススメしています。
    https://help.shopify.com/txt/product_taxonomy/ja.txt
    #shopify

    Xで見る
  • Shopifyでスニペットを呼び出す際、基本的には非推奨のincludeではなくrenderを使う必要があります。
    ただ、カート画面でアイテムのループ処理をスニペット側で行なっているテーマで呼び出し元のテンプレート側の変数を操作したい時などは、その時に限りincludeを使うこともあります。
    #shopify

    Xで見る
  • QRコードなどにクーポン適用済みのURLを設定することがありますが、リンク先のページがパラメータを持つ場合には、記述の仕方に少し気を付けなければいけません。リダイレクト先URLのパラメータの一つ目を「?」から「&」に変更する必要があります。
    #shopify #Growth

    Xで見る
  • 注文状況ページの追加スクリプトで{{http://checkout.total_price}}として合計金額を取得しようとすると、「1100」の場合「110000」と表示されてしまいます。moneyフィルターをつけても¥1,110のように整数ではなくなってしまうので、times: 0.01フィルターで桁をそろえるようにしています。
    #shopify

    Xで見る
  • Shopify Plusではチェックアウト画面のカスタマイズができるのですが、checkout.liqudは1つのファイルで構成されており、またカスタマイズ自体はJavascriptで記述する必要があります。各画面ごとに処理を出し分けるには分岐処理を加える必要があります。忘れがちなのでメモ。
    #shopify

    Xで見る
  • ストア構築時はもちろんのこと、公開後も商品情報のアップデートや注文データの一括フルフィルメントなど、結構な頻度でデータ操作が欠かせないのですが、ほぼ全てのマーチャントさんで使わせてもらっているアプリがMatrixifyです。作業効率が劇的に上がります。
    https://apps.shopify.com/excel-export-import?locale=ja
    #shopify

    Xで見る
  • ローカルでLiquidを編集する時はVSCodeを使うのですが、拡張機能はShopify Liquid Template Snippetsにしています。コード補完機能「IntelliSense」のおかげで迷うことなくコーディングできます。
    https://marketplace.visualstudio.com/items?itemName=killalau.vscode-liquid-snippets
    #shopify #liquid

    Xで見る
  • Shopifyは基本英語圏で使われるアプリなので、姓名が逆になってしまうことがよくあります。そんな時は仕方がないので、nameプロパティをlast_nameとfirst_nameプロパティに分解して入れ替えて対応することになります。
    #shopify

    Xで見る
  • @ao_ShopifyOtaku そうですね!弊社の新人フロントエンドエンジニアさんからの提案で導入しました。運用を開始してしばらく経ちましたが、GitHub運用だけで本番公開までできてしまうのでオススメです!

    Xで見る
  • Shopifyで購入後に送られる「注文の確認」メールですが、合計金額の末尾に「JPY」(通貨単位)が標準で付いています。「¥」マークもあるので外して欲しいと依頼を受けることがよくあるのですが、該当のフィルター文字列「money_with_currency」を「money」に変更すれば非表示にできます。
    #shopify

    Xで見る
  • Dawnなどの無料テーマには無い機能の一つとして、コレクションページで色選択ができるカラースウォッチがあります。Prestigeならチェックを入れたらすぐに使える上に、カラーの調整もしやすくて便利です。(同ベンダーのFocalもできます)
    #shopify #shopifytheme

    Xで見る