デザイン

次のテンプレートはスマートタップ対応のパスの例です。ここでは、ポイントカードの例を示します。すべてのフィールドはスマートタップ非対応のパスと同じです。スマートタップが有効の場合、バーコードは非表示になります。この他にも UX に違いがあります。たとえば、パスでスマートタップが有効になっていることを示すインジケーターがパスヘッダーの下に表示されます。また、パスの下部にはスマートタップを無効にする切り替えスイッチが表示されます。

スマートタップ デザイン テンプレート
  1. class.programLogo
  2. class.issuerName
  3. class.programName
  4. class.heroImage
  5. object.loyaltyPoints.label
  6. object.loyaltyPoints.balance
  7. object.secondaryLoyaltyPoints.label
  8. object.secondaryLoyaltyPoints.balance

  9. object.barcode.type

    object.barcode.value

  10. object.barcode.value

    object.accountId

    object.barcode.alternateText

  11. class.hexBackgroundColor
  12. class.accountNameLabel
  13. object.accountName
  14. class.accountIdLabel
  15. object.accountId
  16. class.rewardsTierLabel
  17. class.rewardsTier
  18. *.imageModulesData.mainImage
  19. *.messages[0].header
  20. *.messages[0].body
  21. *.textModulesData.header
  22. *.textModulesData.body
  23. *.infoModuleData.labelValueRows[0].columns[0].label
  24. *.infoModuleData.labelValueRows[0].columns[0].value
  25. *.linksModuleData.uris[2]
  26. *.linksModuleData.uris[0]
  27. *.linksModuleData.uris[1]