AdminAPIで作成した注文は,通知メール&サンクスページでManual決済と表示される問題&クレカアイコンについて

実態はクレカ決済だが,Manual決済をした場合に通知メールにカード情報を載せる方法を教えてください。

AdminAPI(DraftOrderCreate&Complete)で注文作成し決済は別サービスで行っています。

この場合,注文通知メールとサンクスページの決済欄はManualと表示されます。

この「Manual」にカード情報を表示すべく,customAttributeにカードブランドと下4桁を格納させ通知メールLiquidを編集しました。

その結果,注文通知メールにはカードブランドと下4桁を表示させることに成功しました。

その際に使用したsrcは以下の通りです。


  
  (カード番号下4桁:{{ attributes.cardNum }}) 
 **{{ transaction.amount | money }}**

これでテストしてみると,VISA・DC・Amexのアイコンは正常に出力されます。

しかし,JCB・Masterは正しく表示されません。この2社のアイコンも正しく表示したいのですが,どうすれば良いでしょうか?

開発ストアから実施している為にカードロゴが正しく表示されないのか?ShopifyPaymentsが有効になっていないことが原因なのか?

|


|

|

|
| - | - | - |
|

|

| |

よろしくお願いします。

また,サンクスページの「Manual」項目も同様に手を加えたいのですが,やり方がわかりません。

サンクスページのお客様情報欄は,チェックアウト>追加スクリプトで手を加えられるものなのでしょうか?

shopifyPlusでないとカスタムできない領域でしょうか?

よろしくお願いします。

1.カード会社画像が出ない件

掲載されているサンプルで出ている様に見えますが、実際にはリンク切れするということでしょうか?

2.Thanksページを書き換える

おっしゃるとおりShopify Plusの契約が必要になります。

回答ありがとうございます。

現在出力されているJCB・Masterのロゴですが,

JCB: https://ci5.googleusercontent.com/proxy/eOnMC4skOO-0FCO8o_bhMj3dalSOlWBmBpZCYMLg88rXgX_LHUDnmePKSK9OBMHltPctVXS8EPFIi5NMZA9BD7rAmHDZTZyYSNW7OE2JkVGtIykr6F-m6KlgYwabSnnKznH8NEMeJnPtxJJ0bbxcD2IbWNSzN5Bt0ZYfxg1Bb7mogE8lgjlsrVTBnPUTlV5JttZkqdm9b-EFQ3USe2Zz9O6AsGShQMVWKxVIh6E=s0-d-e1-ft#https://cdn.shopify.com/shopifycloud/shopify/assets/themes_support/notifications/jcb-03e43bffb96618d3962c2cc99298e2fff00a5d7c32ff67a4404825d65e2e931a.png

Master: https://ci5.googleusercontent.com/proxy/ClnTx-YysJcvCrM3swKct3jeDFnBqDhP9Ew_-EKcQ1c4Xeo87XDwCj0XhJppm4xvkZyA84xoTnaADnI0hQAF2oqjHPoY3rKZ43SA4BCV_hNsW9ps9vWKpR1FCzXTNM4riUCgt_Ryq5X76fD2-XpjwqtjoslFsuA9PAcbHN-w8fYb0RyPdsaInCJOZ-evfnljWhTCB0HNDflAcCu7WR46SATxuvfamCe7VF6W3K3SZ2P9pfEe=s0-d-e1-ft#https://cdn.shopify.com/shopifycloud/shopify/assets/themes_support/notifications/mastercard-c8d6f1c2e7b63ab95f49954c724c675678d205478e3de8d6f3da384fc068589d.png

です。

ShopifyCloud内のPNGファイルを取りに行っているようですが,

JCB: https://cdn.shopify.com/shopifycloud/web/assets/v1/d37fc6cf4a3be5aa8f8c836148204e52.svg

Master: https://cdn.shopify.com/shopifycloud/web/assets/v1/b07d7f70cd57ff74e7e2827f124bd756.svg

の用にJCBの文字が入ったロゴタイプを出力したいのです。この場合,svgファイルを取りに行く必要があります。

そこで試しに

img src="{{ attributes.cardBrand | payment_icon_png_url  }}"
↓
img src="{{ attributes.cardBrand | payment_icon_svg_url  }}"

と書き換えてみましたが,アイコンは出力されません。

私のLiguid srcだとPNGファイルを取りに行っているので,svgファイルを読みに行くにはどうすれば良いのでしょうか?

お力を借りたいです。

サンクスページの件,理解しました。


{% if attributes.cardBrand == "JCB" %}
  
  {% else %}
  
{% endif %}

{% if attributes.cardBrand == "Mastercard" %}
  
  {% else %}
  
{% endif %}

(カード番号下4桁:{{ attributes.cardNum }}) 
 **{{ transaction.amount | money }}**

上記のコードにすることで,無理矢理JCB・Masterロゴを出力することはできました。

「JCB・Mastterロゴをダウンロード>管理画面>設定>ファイルにアップロード>アセットURLをimg srcにペースト」というやり方です。

しかし,これはカードの著作権的に大丈夫なのでしょうか?

Thank Youページのカスタマイズは、それ用のアプリでできることは追加スクリプトでも可能です。(アプリも内部で行っているのは、Scripttag APIでThank you ページに差し込んでいるだけです)

https://apps.shopify.com/thank-you-page?locale=ja

カードのロゴに関しては、Liquidで出せるもので対応されるのが無難かと思います。正式にサポートされたものではないので。

Draft orderは、管理画面からマーチャントが注文作成する操作のAPI版なので、意味的には決済は全てManual になると思います。

決済は別サービスで行っています。

なお、オンラインの購入者のフローにこれを差し込んでいる場合、アプリ開発の規約違反に当たる可能性があるので、ご注意ください。

岡村様

回答ありがとうございます。

ロゴ・サンクスページ・規約の件,了解しました。