Due today
{{ cart.checkout_charge_amount | money_with_currency }}
{% endif %}
```
7. Click save and refresh your preview to display the Due today total.
## Translate due today
This guide will teach you how to add a new entry to your locale file for the `Due today` title instead of having it hardcoded.
1. Click **Online Store** from your left navigation bar in Shopify Admin.
2. Click `...` beside the theme you wish to adjust and click `Edit code`.
3. Scroll down to the `Locales` folder of your theme and select your english locale. An example of the name would be `en.default.json`.
4. Scroll down to the `Cart` section of the file and add a new entry for the `checkout_charge_amount` in this format: `"checkout_charge_amount": "Due today",`
5. In your cart drawer where you have placed the `due today` subtotal, adjust the hard code "due today" to `{{ 'sections.cart.checkout_charge_amount' | t }}`. The location may be different depending on where you've placed your entry.
---
---
[Jump to top](#6-on-this-page)
# Customization
Edit the appearance, placement, and content of the Downpay content by **adjusting the [theme settings](/en/article/downpay-theme-settings-iumzy0)**.
## Modify placement of product or cart embeds
||| This is *required* to get Downpay embeds to appear for some custom or less popular themes.
The **HTML element to insert after** setting will allow you to move the cart subtotals content block around the cart page.
Modify content block placement by specifying a nearby unique element id or class. The format of element ids is `#id`, and the format for classes are `.class`
## Show Downpay Payment Info Block based on purchase option
By default, the payment info block will appear for all products that use the same template, but you can use this script to show it only for products that have Downpay purchase options:
```js
```
Add this CSS as well to prevent the tooltip from flashing on page load:
```js
downpay-headline {
display: none;
flex-direction: row-reverse;
gap: 10px;
font-weight: 500;
}
```
---
---
# Downpay Buy Button (optional)
## Installation
### For Shopify 2.0 Themes
1. Click **Online Store** from your left navigation bar in the Shopify Admin.
2. Click **Customize** on your theme.
3. Navigate to any template where you want the button to appear, using the dropdown menu at the top of the editor.
4. In the left navigation, click **Add block** and select **Downpay buy button.**
5. Drag the Downpay block higher or lower depending on where you would like it to appear.
6. Click **Save** at the top right to finish setup.
## Configuring the Downpay Buy Button
After adding the Downpay App block to your product page, you need to configure it:
### Required settings
1. **Choose a product**: Select the product you want customers to be able to pay a deposit for. Your purchase option id will be automatically added after a product is selected.
### Button Customization
1. **Deposit Option Label**: Customize the text that appears on the buy button (default: "Buy with Deposit").
2. **Button Alignment**: Choose whether to align the button to the left, middle, or right of its container.
3. **Button Background Color**: Set a custom background color for the button to match your store's design.
4. **Button Text Color**: Choose a custom text color for the button.
5. **Button Border Color**: Choose the border color for the button.
6. **Button Border Radius**: Adjust how round the corner of the button is.
7. **Custom CSS**: Add any additional CSS styling to further customize the appearance of the button.
## How It Works
After the Downpay buy button is fully configured, when a customer clicks on it:
1. The system recognizes the product and purchase option ID you've configured.
2. The customer is immediately directed to their cart with the product added.
3. The cart will show the deposit amount (as defined by the purchase option) instead of the full product price.
4. The customer can then proceed to checkout to pay only the deposit amount.
5. You can use this button in conjunction with the theme's regular "Add to cart" button, if you wish to offer the option to pay in full at the same time.
## Troubleshooting
* If the button doesn't appear, ensure you've selected a product and entered a valid purchase option ID.
* A warning message will appear in the theme editor if either the product or purchase option ID is missing.
* Ensure your theme is compatible with Shopify 2.0 for optimal functionality.
[Jump to top](#6-on-this-page)