Articles on: Advanced Setup

Modify date and content display about deposits on your theme

Downpay and Shopify automatically add details about the purchase option in several places. This guide highlights places where this content appears, and how you can hide, modify, or add to this content.



On this page:


Downpay
Remove release date

Checkout, order status page, and customer accounts
How to edit theme content
Remove release dates
Language in agreements

Email Notifications
How to edit HTML email templates
Order invoice
Order confirmation
Return created



Downpay



Remove release date



A release date is displayed on a product page by default when Downpay is added.



This text can either be modified or removed using two Downpay theme settings:

Show release date
This settings determines if/when the the release date test is shown

Release date text
This settings determines the content of the release date text



Jump to top

Checkout, order status page, and customer accounts



To edit content related to purchase options on the checkout, order status page, and customer accounts, you will need to manually update "Theme Content".

How to edit theme content



Navigate to theme content


Checkout and Order Status Page content can only be edited in the "Theme Content" settings. These settings can be found by clicking "Edit default theme content" in the "..." menu of the theme you wish to modify.



Edit theme content


Click into a field to edit the content. Make sure to click "Save" to finalize you edits.



Remove Release Dates



There are several places where the release date is automatically added to a theme.

Checkout - order summary
Order status page - order summary
Order status page - pay now block
New customer accounts

Checkout - order summary


The checkout includes the release date for products with a purchase option.



This text can either be modified or removed by editing the "Deferred total due date label" field. To find this field:

Navigate to the Theme Content Settings
Type "deferred" into the theme content search bar.
Scan for the section "Checkout & system > Checkout order summary" -

Edit the field

Example replacement content:
Total due before shipping
Total due when item is shipped
Total due later

Order status page - order summary


The order status page's order summary includes the release date for products with a purchase option.



This text can either be modified or removed by editing the "Due later" field. To find this field:

Navigate to the Theme Content Settings
Type "term" into the theme content search bar.
Scan for the section "Checkout & system > Checkout order summary payment term totals" -

Edit the field

Example replacement content:
Total due before shipping
Total due when item is shipped
Total due later

Order status page - Pay now block


The order status page's pay now block includes the release date for products with a purchase option.



This text can either be modified or removed by editing the "Title" field. To find this field:

Navigate to the Theme Content Settings
Type "deferred" into the theme content search bar.
Scan for the section "Checkout & system > Checkout order summary deferred payment info"

Edit the field

Example replacement content:
Payment of {{ amount_due }} is due before shipping
Payment of {{ amount_due }} is due when item is shipped
Payment of {{ amount_due }} is due later

New customer accounts


New customer accounts have a pay now block which includes the release date for products with a purchase option.



This text can either be modified or removed by editing the "Title with date" field. To find this field:

Navigate to the Theme Content Settings
Type "b2" into the theme content search bar.
Scan for the section "Accounts (new) > B2b draft order details payment status pending"

Edit the field

Example replacement content:
Total due before shipping
Total due when item is shipped
Total due later

Language in agreements



There are two places where you can modify the language related to various agreements and policies.

Checkout - purchase options agreement
Checkout - cancellation policy label

Checkout - purchase options agreement


The checkout page includes broad language about recurring billing.



This text can either be modified by editing the "Purchase options agreement label" field. To find this field:

Navigate to the Theme Content Settings
Type "agreement" into the theme content search bar.
Scan for the section "Checkout & system > Checkout payment"




Edit the field

Example replacement content:
I understand that one or more items in my cart is a deferred. By continuing, I agree to the {{ cancellation_policy_label }} and authorize you to charge my payment method at the prices listed on this page until my order is fulfilled or I cancel, if permitted.

Checkout - cancellation policy label


The cancellation policy link and modal have a label.



This text can either be modified or removed by editing two fields:

Purchase options cancellation policy
Purchase options cancellation policy label

To find these fields:
Navigate to the Theme Content Settings
Type "policy" into the theme content search bar.
Scan for "Purchase options cancellation policy" in the section Checkout & system > Checkout shop policies

Edit the field

Scan for "Purchase options cancellation policy label" in the section Checkout & system > Checkout payment

Edit the field:

Example replacement content:
Pre-order policy
Delayed charge policy
Try before you buy policy

To edit the cancellation policy, follow this guide



Jump to top

Email notifications



There are two email notifications which include details about orders with purchase options:

Order confirmation
Order invoice

The only way to edit these email notifications is to edit the html templates.

How to edit HTML email templates



Navigate to the email template html


To find an email template:

Click "Settings" in the side navigation of your Shopify admin
Click "Notifications"
Select the "Customer notifications"
Select the specific template
Click "Edit code"



Edit email template


Editing an email template requires working with HTML. Here are a few tips to help with this task:

Use search
If you click into the text box you can use the the search keyboard shortcut to access a full text search of the template
mac: command + f
windows: ctrl + f

Send test emails
Send yourself the emails once you have made edits to ensure the emails show exactly as you expect. Make a test order that has a product with a purchase option to send relevant notifications.

You can re-send emails on existing orders from the order timeline

Order confirmation



Remove release date


The order confirmation notification includes the release date for products with a purchase option in two places.



Navigate to the "Order confirmation" html. The release date text can either be modified or removed by modifying the following html blocks:

{{ payment_terms.translated_name }}: Due {{ due_date | date: format: 'date' }}<br>


<span>Total due {{ due_at_date }}</span>


To find these blocks, search for their text.

These blocks may not be in your template if it has been edited previously.

Add "due now" and "due later" totals


"Due now" and "Due later" totals will not be added if you have modified the order confirmation template before installing Downpay. You will need to manually add this code to display these subtotals.

Navigate to the "Order confirmation" html, then add the following code above or below your subtotal-line within the table.

{% assign transaction_size = 0 %}
{% assign transaction_amount = 0 %}
{% for transaction in transactions %}
    {% if transaction.status == "success" %}
        {% unless transaction.kind == "authorization" or transaction.kind == "void" %}
            {% assign transaction_size = transaction_size | plus: 1 %}
            {% assign transaction_amount = transaction_amount | plus: transaction.amount %}
        {% endunless %}
    {% endif %}
{% endfor %}
{% if payment_terms and payment_terms.automatic_capture_at_fulfillment == false or b2b?%}
{% assign due_at_date = payment_terms.next_payment.due_at | date: "%b %d, %Y" %}

<tr class="subtotal-line">
    <td class="subtotal-line__title">
        <p>
            <span>Total paid today</span>
        </p>
    </td>
    <td class="subtotal-line__value">
        <strong>{{ transaction_amount | money_with_currency }}</strong>
    </td>
</tr>

<div class="payment-terms">

    <tr class="subtotal-line">
        <td class="subtotal-line__title">
            <p>
                <span>Total due later</span>
            </p>
        </td>
        <td class="subtotal-line__value">
            <strong>{{ payment_terms.next_payment.amount_due | money_with_currency }}</strong>
        </td>
    </tr>

</div>
{% endif %}


Order invoice



Remove release date


The order invoice notification includes the release date for products with a purchase option in two places.



Navigate to the "Order invoice" html. The release date text can either be modified or removed by modifying the following html blocks:

<h2>Payment of {{ order.total_outstanding | money }} is due {{ due_date | date: format: 'date' }}</h2>


<p>{{ payment_terms.translated_name }}: Due {{ due_date | date: format: 'date' }}</p>


To find these blocks, search for their text.

These blocks may not be in your template if it has been edited previously.



Jump to top

Return created



Returns processed with Shopify may not reflect accurate refund totals for certain partial payment strategies like try before you buy. The template below uses the Shopify default template but hides the line items and subtotals on the return created customer email when there are partially paid products in the order.


html
<!DOCTYPE html>
<html lang="en">
<head>
  <title>{{ email_title }}</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="viewport" content="width=device-width">
  <link rel="stylesheet" type="text/css" href="/assets/notifications/styles.css">
  <style>
    .button__cell { background: {{ shop.email_accent_color }}; }
    a, a:hover, a:active, a:visited { color: {{ shop.email_accent_color }}; }
  </style>
</head>

<body>
  <table class="body">
    <tr>
      <td>
        <table class="header row">
  <tr>
    <td class="header__cell">
      <center>

        <table class="container">
          <tr>
            <td>

              <table class="row">
                <tr>
                  <td class="shop-name__cell">
                    {%- if shop.email_logo_url %}
                      <img src="{{shop.email_logo_url}}" alt="{{ shop.name }}" width="{{ shop.email_logo_width }}">
                    {%- else %}
                      <h1 class="shop-name__text">
                        <a href="{{shop.url}}">{{ shop.name }}</a>
                      </h1>
                    {%- endif %}
                  </td>

                    <td>
                      <tr>
                        <td class="order-number__cell">
                          <span class="order-number__text">
                            Order {{ order.name }}
                          </span>
                        </td>
                      </tr>
                      {%- if po_number %}
                          <tr>
                            <td class="po-number__cell">
                              <span class="po-number__text">
                                PO number #{{ po_number }}
                              </span>
                            </td>
                          </tr>
                      {%- endif %}
                    </td>
                </tr>
              </table>

            </td>
          </tr>
        </table>

      </center>
    </td>
  </tr>
</table>


        <table class="row content">
  <tr>
    <td class="content__cell">
      <center>
        <table class="container">
          <tr>
            <td>
              
          {% for return_delivery in return.deliveries %}
            {% if return_delivery.type == 'shopify_label' %}
              <h2>Your return shipping label is ready</h2>
              <p class="return-creation__subtitle">Print your return shipping label and attach it to the package containing your return items</p>

              <div class="return-label-beta__instructions">
                <h2>Instructions</h2>

                <ol>
                  <li>Pack the items you're returning.</li>
                  {% if return.checkout_payment_collection_url %}
                    <li>Pay the outstanding balance.</li>
                  {% endif %}
                  <li>Print your return shipping label and attach it to the package. Cover or remove any old shipping labels.</li>
                  <li>
                    {% if return_delivery.carrier_name %}
                      Give the package to {{ return_delivery.carrier_name }}.
                    {% else %}
                      Give the package to the carrier identified on the label.
                    {% endif %}
                  </li>
                </ol>
              </div>

              {% capture url_primary %}{{ return_delivery.return_label.public_file_url }}{% endcapture %}
{% capture text_primary %}Print return label{% endcapture %}
{% capture url_secondary %}{{ return.checkout_payment_collection_url }}{% endcapture %}
{% capture text_secondary %}Pay now{% endcapture %}

<table class="row actions">
  <tr>
    <td class="empty-line">&nbsp;</td>
  </tr>
  <tr>
    <td class="actions__cell">
      {% if url_primary != blank or url_secondary != blank %}
        {% if url_primary != blank %}
      <table class="button main-action-cell">
        <tr>
          <td class="button__cell">
            <a href="{{ url_primary }}" class="button__text">{{ text_primary }}</a>
          </td>
        </tr>
      </table>
        {% endif %}
        {% if url_secondary != blank %}
      <table class="button return__mobile-padding main-action-cell">
        <tr>
          <td class="button__cell">
            <a href="{{ url_secondary }}" class="button__text return__main-button">{{ text_secondary }}</a>
          </td>
        </tr>
      </table>
        {% endif %}
      <table class="link secondary-action-cell">
        <tr>
          <td class="link__cell">or <a target="_blank" href="{{ order.order_status_url }}">View your order</a></td>
        </tr>
      </table>
      {% else %}
      <table class="button main-action-cell">
        <tr>
          <td class="button__cell"><a href="{{ order.order_status_url }}" class="button__text">View your order</a></td>
        </tr>
      </table>
      {% endif %}
    </td>
  </tr>
</table>

            {% elsif return_delivery.type == 'manual' %}
              <h2>Complete your return</h2>
              <p class="return-creation__subtitle">
                <b class="return-creation__subtitle-bold">We’ve sent you a return shipping label, or you will receive one soon.</b>
                Once you receive your return shipping label, get your returned items and follow the instructions to complete your return.
              </p>

              <div class="return-label-beta__instructions">
                <h2>Instructions</h2>

                <ol>
                  <li>Pack the items you're returning.</li>
                  {% if return.checkout_payment_collection_url %}
                    <li>Pay the outstanding balance.</li>
                  {% endif %}
                  <li>Print your return shipping label. If you haven’t received it yet, we’ll send it to you soon.</li>
                  <li>Attach the label to the package. Cover or remove any old shipping labels.</li>
                  <li>
                    {% if return_delivery.carrier_name %}
                      Give the package to {{ return_delivery.carrier_name }}.
                    {% else %}
                      Give the package to the carrier identified on the label.
                    {% endif %}
                  </li>
                  <li>
                    {% if return_delivery.tracking_url != blank %}
                      Track your return using <a target="_blank" style="text-decoration: underline" href="{{ return_delivery.tracking_url }}">your tracking number</a> to make sure we get it.
                    {% else %}
                      Track your return using your tracking number to make sure we get it.
                    {% endif %}
                  </li>
                </ol>
              </div>

              {% capture url_primary %}{{ return.checkout_payment_collection_url }}{% endcapture %}
{% capture text_primary %}Pay now{% endcapture %}
{% capture url_secondary %}{% endcapture %}
{% capture text_secondary %}{% endcapture %}

<table class="row actions">
  <tr>
    <td class="empty-line">&nbsp;</td>
  </tr>
  <tr>
    <td class="actions__cell">
      {% if url_primary != blank or url_secondary != blank %}
        {% if url_primary != blank %}
      <table class="button main-action-cell">
        <tr>
          <td class="button__cell">
            <a href="{{ url_primary }}" class="button__text">{{ text_primary }}</a>
          </td>
        </tr>
      </table>
        {% endif %}
        {% if url_secondary != blank %}
      <table class="button return__mobile-padding main-action-cell">
        <tr>
          <td class="button__cell">
            <a href="{{ url_secondary }}" class="button__text return__main-button">{{ text_secondary }}</a>
          </td>
        </tr>
      </table>
        {% endif %}
      <table class="link secondary-action-cell">
        <tr>
          <td class="link__cell">or <a target="_blank" href="{{ order.order_status_url }}">View your order</a></td>
        </tr>
      </table>
      {% else %}
      <table class="button main-action-cell">
        <tr>
          <td class="button__cell"><a href="{{ order.order_status_url }}" class="button__text">View your order</a></td>
        </tr>
      </table>
      {% endif %}
    </td>
  </tr>
</table>

            {% endif %}
          {% endfor %}

            </td>
          </tr>
        </table>
      </center>
    </td>
  </tr>
</table>

        {% if return.line_items.size > 0 %}
          <table class="row content">
            {%- liquid assign items_with_plans = order.line_items | where: 'selling_plan_allocation'-%}   

            {% if items_with_plans.size != 0 %}   
            
            
            {% else %}    
  <tr>
    <td class="content__cell">
      <center>
        <table class="container">
          <tr>
            <td>
              
            <h2>Items to return</h2>
            
<table class="row">
  {% for line_item in return.line_items %}
  <tr class="order-list__item">
    <td class="order-list__item__cell">
      <table>
        <td>
          {% if line_item.image %}
            <img src="{{ line_item | img_url: 'compact_cropped' }}" align="left" width="60" height="60" class="order-list__product-image"/>
          {% endif %}
        </td>
        <td class="order-list__product-description-cell">
          {% assign line_display = line_item.quantity  %}

          <span class="order-list__item-title">{{ line_item.title_without_variant }}&nbsp;&times;&nbsp;{{ line_display }}</span><br/>

          {% if line_item.variant.title != 'Default Title' %}
            <span class="order-list__item-variant">{{ line_item.variant.title }}</span><br/>
          {% endif %}

          {% if line_item.discount_allocations %}
            {% for discount_allocation in line_item.discount_allocations %}
              {% if discount_allocation.amount > 0 %}
              <p>
                <span class="order-list__item-discount-allocation">
                  <img src="{{ 'notifications/discounttag.png' | shopify_asset_url }}" width="18" height="18" class="discount-tag-icon" />
                  <span>
                    {{ discount_allocation.discount_application.title | upcase }}
                    (-{{ discount_allocation.amount | money }})
                  </span>
                </span>
              </p>
              {% endif %}
            {% endfor %}
          {% endif %}
        </td>

        <td class="order-list__price-cell">
          {% if line_item.original_line_price != line_item.final_line_price %}
            <del class="order-list__item-original-price">{{ line_item.original_line_price | money }}</del>
          {% endif %}
          <p class="order-list__item-price">
            {% if line_item.final_line_price > 0 %}
              {% capture final_line_price %}
                  -{{ line_item.final_line_price | money }}
              {% endcapture %}
              {{ final_line_price }}
            {% else %}
              Free
            {% endif %}
          </p>
        </td>
      </table>
    </td>
  </tr>
  {% endfor %}
</table>


            </td>
          </tr>
        </table>
      </center>
    </td>
  </tr>

{% endif %}

</table>
        {% endif %}

        {% if return.exchange_line_items.size > 0 %}
          <table class="row content">
  <tr>
    <td class="content__cell">
      <center>
        <table class="container">
          <tr>
            <td>
              
            <h2>Items you'll receive</h2>
            
<table class="row">
  {% for line_item in return.exchange_line_items %}
  <tr class="order-list__item">
    <td class="order-list__item__cell">
      <table>
        <td>
          {% if line_item.image %}
            <img src="{{ line_item | img_url: 'compact_cropped' }}" align="left" width="60" height="60" class="order-list__product-image"/>
          {% endif %}
        </td>
        <td class="order-list__product-description-cell">
          {% assign line_display = line_item.quantity  %}

          <span class="order-list__item-title">{{ line_item.title_without_variant }}&nbsp;&times;&nbsp;{{ line_display }}</span><br/>

          {% if line_item.variant.title != 'Default Title' %}
            <span class="order-list__item-variant">{{ line_item.variant.title }}</span><br/>
          {% endif %}

          {% if line_item.discount_allocations %}
            {% for discount_allocation in line_item.discount_allocations %}
              {% if discount_allocation.amount > 0 %}
              <p>
                <span class="order-list__item-discount-allocation">
                  <img src="{{ 'notifications/discounttag.png' | shopify_asset_url }}" width="18" height="18" class="discount-tag-icon" />
                  <span>
                    {{ discount_allocation.discount_application.title | upcase }}
                    (-{{ discount_allocation.amount | money }})
                  </span>
                </span>
              </p>
              {% endif %}
            {% endfor %}
          {% endif %}
        </td>

        <td class="order-list__price-cell">
          {% if line_item.original_line_price != line_item.final_line_price %}
            <del class="order-list__item-original-price">{{ line_item.original_line_price | money }}</del>
          {% endif %}
          <p class="order-list__item-price">
            {% if line_item.final_line_price > 0 %}
              {% capture final_line_price %}
                  {{ line_item.final_line_price | money }}
              {% endcapture %}
              {{ final_line_price }}
            {% else %}
              Free
            {% endif %}
          </p>
        </td>
      </table>
    </td>
  </tr>
  {% endfor %}
</table>


            </td>
          </tr>
        </table>
      </center>
    </td>
  </tr>
</table>
        {% endif %}

        <table class="row content">
            {%- liquid assign items_with_plans = order.line_items | where: 'selling_plan_allocation'-%}   

            {% if items_with_plans.size != 0 %}   
            
            
            {% else %}   
            
  <tr>
    <td class="content__cell">
      <center>
        <table class="container">
          <tr>
            <td>
              
          <table class="row subtotal-lines">
  <tr>
    <td class="subtotal-spacer"></td>
    <td>
      <table class="row subtotal-table">

        {% capture line_items_subtotal_price %}
          {% if return.line_items_subtotal_price < 0 %}
            -{{ return.line_items_subtotal_price  | abs | money }}
          {% else %}
            {{ return.line_items_subtotal_price | money }}
          {% endif %}
        {% endcapture %}

        
<tr class="subtotal-line">
  <td class="subtotal-line__title">
    <p>
      <span>Subtotal</span>
    </p>
  </td>
  <td class="subtotal-line__value">
      <strong>{{ line_items_subtotal_price }}</strong>
  </td>
</tr>


        {% assign fees = return.fees %}
        {% for fee in fees %}
  
<tr class="subtotal-line">
  <td class="subtotal-line__title">
    <p>
      <span>{{ fee.title }}</span>
    </p>
  </td>
  <td class="subtotal-line__value">
      <strong>{{ fee.subtotal | money }}</strong>
  </td>
</tr>

{% endfor %}


        {% if return.total_tax_price %}
          {% capture total_tax_price %}
            {% if return.total_tax_price < 0 %}
              -{{ return.total_tax_price | abs | money }}
            {% else %}
              {{ return.total_tax_price | money }}
            {% endif %}
          {% endcapture %}
          
<tr class="subtotal-line">
  <td class="subtotal-line__title">
    <p>
      <span>Estimated taxes</span>
    </p>
  </td>
  <td class="subtotal-line__value">
      <strong>{{ total_tax_price }}</strong>
  </td>
</tr>

        {% endif %}

        {%  if return.pre_return_order_total_outstanding && return.pre_return_order_total_outstanding != 0 %}
          
<tr class="subtotal-line">
  <td class="subtotal-line__title">
    <p>
      <span>Outstanding balance</span>
    </p>
  </td>
  <td class="subtotal-line__value">
      <strong>{{ return.pre_return_order_total_outstanding | money_with_currency }}</strong>
  </td>
</tr>

        {% endif %}

        {% if return.order_total_outstanding > 0 %}
        <table class="row subtotal-table subtotal-table--total">
          
<tr class="subtotal-line">
  <td class="subtotal-line__title">
    <p>
      <span>Amount to pay</span>
    </p>
  </td>
  <td class="subtotal-line__value">
      <strong>{{ return.order_total_outstanding | money_with_currency }}</strong>
  </td>
</tr>

        </table>
        {% elsif return.order_total_outstanding <= 0 %}
        <table class="row subtotal-table subtotal-table--total">
          
<tr class="subtotal-line">
  <td class="subtotal-line__title">
    <p>
      <span>Estimated refund</span>
    </p>
  </td>
  <td class="subtotal-line__value">
      <strong>{{ return.order_total_outstanding | abs | money_with_currency }}</strong>
  </td>
</tr>

        </table>
        {% endif %}
{% endif %}

      </table>
    </td>
  </tr>
</table>


            </td>
          </tr>
        </table>
      </center>
    </td>
  </tr>
</table>

        <table class="row footer">
  <tr>
    <td class="footer__cell">
      <center>
        <table class="container">
          <tr>
            <td>
              
              <p class="disclaimer__subtext">If you have any questions, reply to this email or contact us at <a href="mailto:{{ shop.email }}">{{ shop.email }}</a></p>
            </td>
          </tr>
        </table>
      </center>
    </td>
  </tr>
</table>

<img src="{{ 'notifications/spacer.png' | shopify_asset_url }}" class="spacer" height="1" />

      </td>
    </tr>
  </table>
</body>
</html>




Jump to top

Updated on: 18/06/2024

Was this article helpful?

Share your feedback

Cancel

Thank you!