B2C Commerce uses Internet Store Markup Language (ISML) templates to generate dynamic storefront pages. An ISML template consists of standard HTML markup, ISML tags, and script expressions.
components/footer/footer_UI.isml- To load payments.js client side JS, add <script> tag
- Loading scripts at the end of the page without defer like this is no longer best practice, but this is how and where app.js loads
product/productcontent.isml- Include plug-in_commercepayments template that renders Buy Now express checkout buttons
checkout/cart/minicart.isml- Include plug-in_commercepayments template that renders Pay Now express checkout buttons
checkout/cart/cart.isml- Include plug-in_commercepayments template that renders Pay Now express checkout buttons
checkout/billing/minibillinginfo.isml- Remove payment information card and Edit link from the checkout pages right-hand column
checkout/billing/billing.isml- Remove payment methods from the billing step (checkout page two)
checkout/summary/summary.isml- Include payment methods section with multi-step checkout on the review step (checkout page three)
- Adjust the Place Order button to no longer submit a form and instead call platform injected JS to confirm payment
util/modules.isml- To define a reusable “component” to show payment type like Credit Card or PayPal and supporting details like last 4 digits or PayPal email, add new <isminipayment> ISML module
- New
minipayment.ismltemplate- <isminipayment> implementation
components/order/orderdetails.isml- Adjust to use <isminipayment> module instead of <isminicreditcard> module
- This presents payment information on the order confirmation page
components/order/orderdetailsemail.isml- Adjust to use <isminipayment> module instead of <isminicreditcard> module
- This presents payment information on the order confirmation email, similar but not the same as the page