For AI agents: a documentation index is available at the root level at /llms.txt and /llms-full.txt. Append /llms.txt to any URL for a page-level index, or .md for the markdown version of any page.
GuidesAPI Reference
GuidesAPI Reference
  • Welcome
    • Getting Started
    • Business Hub
    • Afterpay Migration
  • Platforms
    • Platforms Quickstart
    • Adobe Commerce (Magento)
    • Adyen
    • BigCommerce
    • Ecwid
    • PrestaShop
    • Salesforce Commerce Cloud
      • Install Cartridge and Import Metadata
      • Configure Cartridge
      • SiteGenesis Code Changes
      • SFRA Files Change Review
    • Shopify
    • Stripe
    • Wix
    • WooCommerce
  • Afterpay Messaging
    • Getting Started
    • Placement
    • Implementation
    • Migration
    • Older Messaging Information and Links
    • Launch Afterpay Info Modal Anywhere
  • API Development
    • API Quickstart
    • Test Environments
    • Certification
    • Disputes
    • Webhook Signature Generation
  • SDK
    • SDK Migration Guide
    • iOS SDK
    • Android SDK
    • React Native SDK
  • Marketing
    • Shop Directory
    • Brand Assets
LogoLogo
PlatformsSalesforce Commerce Cloud

SFRA File Change Review

Was this page helpful?
Previous

Shopify

Next
Built with

The following templates are present in Afterpay’s Salesforce Reference Architecture (SFRA) cartridge as well as the app_storefront_base cartridge. That means the template in Afterpay’s cartridge will override the base template.

Since Afterpay’s cartridge was built to work with the base cartridge, this override should be fine. However, if you’ve made custom changes to these templates in the base cartridge, or have installed plugins which override these templates, you must merge these changes yourself.

It may be useful to refer to that version to see the Afterpay-specific changes in the overridden file. In general, comments have been left in the files to make it easier to identify Afterpay-specific changes vs. base-SFRA content.

Template FileLocation & Purpose for Change
cart.ismlcartridge/templates/default/cart/cart.ismlIncludes /js/afterpay.js and /css/afterpaystyle.js
Default error messaging on page will also display Afterpay-specific error messages.
cartTotals.ismlcartridge/templates/default/cart/cartTotals.ismlDisplay
Afterpay messaging under cart totals on the cart page.
checkoutButtons.ismlcartridge/templates/default/cart/checkoutButtons.isml
Display Afterpay Express Checkout Button on the cart page.
paymentOptionsTabs.ismlcartridge/templates/default/checkout/billing/paymentOptions/paymentOptionsTabs.isml
Adds a payment tab for Afterpay and/or Cash App Pay
paymentOptionsContent.ismlcartridge/templates/default/checkout/billing/paymentOptions/paymentOptionsContent.isml
Include content displayed in the Afterpay and/or Cash App Pay payment tab.
paymentOptionsSummary.ismlcartridge/templates/default/checkout/billing/paymentOptions/paymentOptionsSummary.isml
Include content displayed in the payment summary when Afterpay and/or Cash App Pay is the payment method.
confirmationPaymentInfo.ismlcartridge/templates/default/checkout/confirmation/confirmationPaymentInfo.isml
Included Afterpay or Cash App Pay in the payment confirmation.
checkout.ismlcartridge/templates/default/checkout/checkout.isml
Make all default SFRA checkout buttons hideable with CSS. Add the Afterpay and/or Cash App Pay checkout button. Add Afterpay Checkout Widget. Include Afterpay and Cash App Pay client-side JS (JavaScript) and CSS (Cascading Style Sheets).
scripts.ismlcartridge/templates/default/common/scripts.isml
Adds JS files required to load the Afterpay assets.
pageFooter.ismlcartridge/templates/default/components/pageFooter.isml
Adds Afterpay among the accepted payment methods in the footer.
addToCartButtonExtension.ismlcartridge/templates/default/product/components/addToCartButtonExtension.isml
Add express checkout buttons on the PDP page.
setItems.ismlcartridge/templates/default/product/components/setItems.isml
bundleDetails.ismlcartridge/templates/default/product/bundleDetails.isml
Add Afterpay messaging for bundles. Include Afterpay JS / CSS.
productDetails.ismlcartridge/templates/default/product/productDetails.isml
Include Afterpay JS/CSS. Display Afterpay messaging on product details page.
productTile.ismlcartridge/templates/default/product/productTile.isml
Display Afterpay messaging on product tile.
quickView.ismlcartridge/templates/default/product/quickView.isml
Display Afterpay messaging on quick view.
setDetails.ismlcartridge/templates/default/product/setDetails.isml
Include Afterpay JS/CSS.
setQuickView.ismlcartridge/templates/default/product/setQuickView.isml
catLanding.ismlcartridge/templates/default/rendering/category/catLanding.isml
Include Afterpay JS/CSS.
searchResults.ismlcartridge/templates/default/search/searchResults.isml
Include Afterpay JS/CSS.

Similarly, if you’ve made customizations to the following JS (JavaScript) and SCSS (Salesforce Cascading Style Sheet) files, you may need to merge the Afterpay changes.

JS FileLocation & Purpose for Change
checkout.jscartridge/client/default/js/checkout.js
Include Afterpay client-side JS.
productTile.jscartridge/client/default/js/productTile.js
Include Afterpay client-side JS.
SCSS FileLocation
homePage.scsscartridge/client/default/scss/homePage.scss
Adds CSS for Afterpay’s checkout button. Specifically used by the minicart when opened on the store home page.