Shop Pay Installments Theme Changes - Banner Styling

Store Design
1

Note: The following solution may be non-viable or need adjustments to function depending on the complexity of the theme.

Due to regulations on how a consumer lending product is articulated to buyers, we’ve worked with Affirm to ensure the messaging we provide keeps our merchants compliant. That being said, the copy seen in the snippet is not customizable, but styling changes are permitted.

Changing the styling of the messaging is encouraged to create a consistent UX.

Change message styling

  1. From your Shopify admin, go to Online Store > Themes.

  2. Find the theme you want to edit, and then click Actions > Edit code.

  3. In the Sections folder, find product-template.liquid file.

  4. Find the payment terms snippet and wrap it with a class

    {% form 'product' ... %}


    {{ form | payment_terms }}


  …
{% endform %}

  5. Define the class in your CSS file.

    .shopify-payment-terms {
  margin-top: 10px;
  letter-spacing: 1px;
  text-transform: uppercase;
}

  6. Click Save.

Return to the Shop Pay Installments Troubleshooting - Table of Contents

1 Like