> ## Knowledge Base Index > Fetch the complete knowledge base index at: https://docs.downpay.app/sitemap.xml > Use this file to discover available pages before exploring further. > Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash). # Downpay theme settings Downpay includes settings to customize the content, placement, and the look of Downpay in your theme. --- --- ###### On this page: [How to navigate to settings](#1-how-to-navigate-to-settings) * [Cart settings](#2-navigate-to-cart-settings) * [Product block settings](#2-navigate-to-product-block-settings) (2.0 Themes) * [Payment info block settings](#2-navigate-to-payment-info-block-settings-optional) (2.0 Themes, optional) * [Product embed settings](#2-navigate-to-product-embed-setting) (Vintage Themes) [Cart settings](#1-cart-settings) * [Show currency code](#5-show-currency-code) * [Amount due today](#5-amount-due-today) * [Amount due later](#5-amount-due-later) * [HTML element to insert relative to](#5-html-element-to-insert-relative-to) * [Insert position](#5-insert-position) * [Custom CSS](#5-custom-css-cart) [Product page settings](#1-product-page-settings) [Product block](#2-product-block) * [Show outline box](#5-show-outline-box) * [Section Header](#5-section-header) * [Deposit option label](#5-deposit-option-label) * [Show deposit amount](#5-show-deposit-amount) * [Default to Pay in full](#5-default-to-pay-in-full) * [Full pay option label](#5-full-pay-option-label) * [Show payment options](#5-show-payment-options) * [Show help text](#5-show-help-text) * [Customer help text](#5-customer-help-text) * [Show release date](#5-show-release-date) * [Release date text](#5-release-date-text) * ['Add to Cart' button label](#5-add-to-cart-button-label) * [HTML element to insert relative to](#5-html-element-to-insert-relative-to) * [Insert position](#5-insert-position) * [Purchase options style](#5-purchase-options-style) * [Custom CSS](#5-custom-css-product-page) [Payment info block](#2-payment-info-block) * [Disclaimer text](#5-disclaimer-text) * [Hover modal text](#5-hover-modal-text) * [Button alignment](#5-button-alignment) * [Font size](#5-font-size) * [Icon size](#5-icon-size) --- --- # How to navigate to settings ## Navigate to theme settings Downpay theme settings are in a theme's settings. To open a theme's settings: 1. Click "Online Store" in your Shopify admin's main navigation 2. Click "Customize" on the theme you wish to edit ![](https://storage.crisp.chat/users/helpdesk/website/81f235024a249800/monosnap-todds-magic-playgroun_xzfdmi.png) | Downpay theme settings are set independently for each theme ## Navigate to cart settings To open Downpay's cart settings: 1. [Navigate to theme settings](#2-navigate-to-theme-settings) 2. Click on the "App Embed" icon 3. Click on "Downpay Cart" ![](https://storage.crisp.chat/users/helpdesk/website/81f235024a249800/monosnap-todds-magic-playgroun_1d9nq59.png) ## Navigate to product block settings || Product block settings exist in 2.0 Themes To open Downpay's product block settings: 1. [Navigate to theme settings](#2-navigate-to-theme-settings) 2. Navigate to a product page by either * selecting the template you are using from the dropdown menu at the top of the editor. * clicking to a product in the website preview 3. Click on the Downpay product block ![](https://storage.crisp.chat/users/helpdesk/website/81f235024a249800/monosnap-todds-magic-playgroun_md87nt.png) ## Navigate to payment info block settings (optional) || Payment info block settings exist in 2.0 Themes || The payment info block will appear for all products that use the same template, whether they have Downpay purchase options or not. You can use broad language or [follow these instructions](https://docs.downpay.app/en/article/add-downpay-in-your-theme-lxmp4h/#4-installing-downpay-payment-info-block-optional) to make it appear only for products with purchase options. To open Downpay's payment info block settings: 1. [Navigate to theme settings](#2-navigate-to-theme-settings) 2. Navigate to a product page by either * selecting the template you are using from the dropdown menu at the top of the editor. * clicking to a product in the website preview 3. Click on the Downpay payment info block. ![](https://storage.crisp.chat/users/helpdesk/website/-/8/1/f/2/81f235024a249800/payment-info-block_19h89ao.png =800x505) ## Navigate to product embed setting || Product embeds settings exist in Vintage Themes To open Downpay's product embed settings: 1. [Navigate to theme settings](#2-navigate-to-theme-settings) 2. Click on the "App Embed" icon 3. Click on "Downpay Product" ![](https://storage.crisp.chat/users/helpdesk/website/81f235024a249800/monosnap-todds-magic-playgroun_1mopcje.png) [Jump to top](#6-on-this-page) # Cart Settings ##### Show currency code This setting determines if the currency code is included on the totals presented by Downpay. ![](https://storage.crisp.chat/users/helpdesk/website/81f235024a249800/monosnap-untitled-diagramdrawi_sdia6i.png) ##### Amount due today This setting can be used to change the text of "Amount due today". If the setting is left blank, the text will remain "Amount due today". ![](https://storage.crisp.chat/users/helpdesk/website/81f235024a249800/monosnap-untitled-diagramdrawi_gzo9xl.png) ##### Amount due later This setting can be used to change the text of "Amount due today". If the setting is left blank, the text will remain "Amount due today". ![](https://storage.crisp.chat/users/helpdesk/website/81f235024a249800/monosnap-untitled-diagramdrawi_13qsh22.png) ##### HTML element to insert relative to This setting can be used to move the amount due totals to a different spot on your cart page. | For many popular themes you can leave this blank, and we will automatically pick the placement. ||| Some less popular and custom themes may *require* you to specify this setting. Modify placement by specifying a nearby unique element id or class. The format of element ids is #id, and the format for classes are .class ![](https://storage.crisp.chat/users/helpdesk/website/81f235024a249800/monosnap-untitled-diagramdrawi_vg2qu4.png) ##### Insert position Insert position works with the "HTML element to insert relative to" setting to specify the placement of the amount due totals. ![](https://storage.crisp.chat/users/helpdesk/website/81f235024a249800/monosnap-untitled-diagramdrawi_1czpb8u.png) ##### Custom CSS (cart) This setting can be used to apply css styles to the Downpay cart embed. [Jump to top](#6-on-this-page) # Product page settings ## Product block ##### Show outline box This settings adds a box around the purchase options. ![](https://storage.crisp.chat/users/helpdesk/website/81f235024a249800/monosnap-untitled-diagramdrawi_1eafbti.png) ##### Section Header This setting determines the label of the purchase option section. The label will be **"Purchase Options"** if the field is left blank. ![](https://storage.crisp.chat/users/helpdesk/website/81f235024a249800/monosnap-untitled-diagramdrawi_4qxpbx.png) ##### Deposit option label This setting determines the wording after the deposit option amount. The label will be **"deposit"** if the field is left blank. ![](https://storage.crisp.chat/users/helpdesk/website/81f235024a249800/monosnap-untitled-diagramdrawi_1j8kf7q.png) ##### Show deposit amount This setting controls showing the deposit percentage or dollar amount being shown in the deposit option. By default, Downpay will show the dollar or percentage. ![](https://storage.crisp.chat/users/helpdesk/website/81f235024a249800/showdepositamount_1y588wk.png) ##### Default to Pay in full This setting controls which purchase option is listed and selected first. ![](https://storage.crisp.chat/users/helpdesk/website/81f235024a249800/payinfull_qgaoup.png) ##### Full pay option label This setting determines the wording the full pay option. The label will be **"Pay in full"** if the field is left blank. ![](https://storage.crisp.chat/users/helpdesk/website/81f235024a249800/monosnap-untitled-diagramdrawi_1e5cd0f.png) ##### Show payment options || Product block only ##### Show help text This setting determines if and when help text is displayed. ![](https://storage.crisp.chat/users/helpdesk/website/81f235024a249800/monosnap-untitled-diagramdrawi_13p24zj.png) ##### Customer help text This setting determines the content of the help text. ![](https://storage.crisp.chat/users/helpdesk/website/81f235024a249800/monosnap-untitled-diagramdrawi_4lv1a.png) ##### Show release date This setting determines if and when the release date (payment due date) is shown. ![](https://storage.crisp.chat/users/helpdesk/website/81f235024a249800/monosnap-untitled-diagramdrawi_1qezfw3.png) ##### Release date text This setting determines the text that comes before the release date (payment due date). ![](https://storage.crisp.chat/users/helpdesk/website/81f235024a249800/monosnap-untitled-diagramdrawi_1xckmz.png) ##### 'Add to Cart' button label This setting determines the text in the 'Add to Cart' button, when a product contains a deposit purchase option. Leave blank to use the default for your store. ![](https://storage.crisp.chat/users/helpdesk/website/81f235024a249800/monosnap-untitled-diagramdrawi_1ohi7h2.png) ##### HTML element to insert relative to || This setting only exists in the product embed setting on Vintage Themes This setting can be used to move the purchase options to a different spot on your product page. | For many popular themes you can leave this blank, and we will automatically pick the placement. ||| Some less popular and custom themes may *require* you to specify this setting. Modify placement by specifying a nearby unique element id or class. The format of element ids is #id, and the format for classes are .class ![](https://storage.crisp.chat/users/helpdesk/website/81f235024a249800/monosnap-untitled-diagramdrawi_qg414a.png) ##### Insert position || This setting only exists in the product embed setting on Vintage Themes Insert position works with the "HTML element to insert relative to" setting to specify the placement of the amount due totals. ![](https://storage.crisp.chat/users/helpdesk/website/81f235024a249800/monosnap-untitled-diagramdrawi_3so02w.png) ##### Purchase options style This setting can be used to style the purchase options as radio buttons or toggles. You can further customize them with the "Custom CSS" setting. ##### Custom CSS (product page) This setting can be used to apply CSS styles to the purchase options. ## Payment info block || The payment info block will appear for all products that use the same template, whether they have Downpay purchase options or not. You can use broad language or [follow these instructions](https://docs.downpay.app/en/article/add-downpay-in-your-theme-lxmp4h/#4-installing-downpay-payment-info-block-optional) to make it appear only for products with purchase options. ##### Disclaimer text This setting determines the text shown in the payment info block. ![](https://storage.crisp.chat/users/helpdesk/website/-/8/1/f/2/81f235024a249800/disclaimer-text_5018fg.png =800x505) ##### Hover modal text This setting determines the text shown when a customer hovers their cursor over the information "i" icon. HTML tags are supported. ![](https://storage.crisp.chat/users/helpdesk/website/-/8/1/f/2/81f235024a249800/hover-modal_11y5b0k.png =800x505) ##### Button alignment This setting determines whether the whole payment info block including the text and icon is aligned left, center, or right. ![](https://storage.crisp.chat/users/helpdesk/website/-/8/1/f/2/81f235024a249800/alignment_79edq1.png =800x420) ##### Font size This setting determines the size of both the disclaimer text and the hover modal text. ![](https://storage.crisp.chat/users/helpdesk/website/-/8/1/f/2/81f235024a249800/text-size_1e78qbf.png =800x505) ##### Icon size This setting determines the size of the information "i" icon. ![](https://storage.crisp.chat/users/helpdesk/website/-/8/1/f/2/81f235024a249800/icon-size_jx5ywb.png =800x264) [Jump to top](#6-on-this-page)