Support Menu

Add Route Asset Disclaimer

Use this article to add disclaimers to the Route asset on an ecommerce store using Shopify, Shopify Plus, or WooCommerce. 

Shopify
Follow these steps to add a disclaimer to the Route asset on Shopify. 
  1. In Shopify, click on Online Store > Themes on the left side of the page.
  2. On the live theme, click Actions > Duplicate.
  3. The duplicate theme will show as Copy of.... Click Actions > Rename and name it Route Test.

    Note: If you already having a theme called “Route Test”, use that theme.
     
  4. On that theme, go to Actions and click Edit Code.
  5. Select the file where route div code was originally added (EX: checkout.liquid).
  6. Find the Route div code. Tip: Press Ctrl + F and search this entire code or part of it <div class=”route-div”></div> 
  7. Once you locate the Route div code, click on the line below it and add this code:

<div style="font-size: 12px; margin-top: -10px; margin-bottom: 15px;">*By deselecting package protection, Merchant Name<br> is not liable for lost, damaged, or stolen items</div>    

The code in the file should look like this: 

mceclip0.png

Screenshot_2023-02-28_at_11.11.27_AM.png

Styling tips: 

Use the following options depending on the CSS styling desired:

  • margin-top: can increase/decrease the amount of space (margins) above the Route asset disclaimer

Example margin-top adjustment:

Screenshot_2023-02-28_at_11.41.05_AM.png

Result: 

Screenshot_2023-02-28_at_11.45.13_AM.png

  • margin-bottom: can increase/decrease the amount of space (margins) below the Route asset disclaimer 

Example margin-bottom adjustment:

Screenshot_2023-02-28_at_11.51.42_AM.png

Result:

Screenshot_2023-02-28_at_11.55.02_AM.png

  • text-align: can align the Route asset disclaimer text to the left, centered, or to the right

Example text-align adjustment (right-aligned to centered):

Screenshot_2023-02-28_at_12.10.20_PM.png

Result (before and after):

Screenshot_2023-02-28_at_12.11.31_PM.png

  • line-height: can increase/decrease the height of between the text in the Route asset disclaimer

Example line-height adjustment (decreased line-height):

mceclip5.png

Result (before and after):

image__1_.png Screenshot_2023-02-28_at_12.18.44_PM.png

Shopify Plus
 Follow these steps to add a disclaimer to the Route asset on your checkout on Shopify Plus.
  1. In Shopify, click on Online Store > Themes on the left side of the page.
  2. On the live theme, click Actions > Duplicate.
  3. The duplicate theme will show as Copy of.... Click Actions > Rename and name it Route Test.
  4. Note: If you already having a theme called “Route Test”, use that theme. 
  5. On that theme, go to Actions and click Edit Code.
  6. In the new page, click on the Sections folder, and search for checkout.liquid.
  7. Open checkout.liquid and find the Route div code. Tip: Press Ctrl + F and search this entire code or part of it: <script type="text/javascript" src="https://cdn.routeapp.io/route-widget-shopify/v2/route-widget-shopify-stable-v2.min.js"></script>
  8. Once you locate the Route script code, add the disclaimer directly below the script at the bottom of the head section.
  9. Add the below code to include a Route asset disclaimer on the checkout:

<style>
      .route-div::after{
        content: "*By deselecting package protection, Merchant Name\A is not liable for lost, damaged, or stolen items";
        white-space: pre-wrap;
        display: inline-block;
      }
      .route-div{
        text-align: right;
      }
    </style>

 The code in the file should look like this: 

Screenshot_2023-02-28_at_12.51.10_PM.png

Result:

Screenshot_2023-02-28_at_12.58.52_PM.png

WooCommerce
Follow these steps to add a disclaimer to the Route asset on WooCommerce.

In WooCommerce, under Theme Customization, find and click the option to add Custom CSS.

Use this code to place the disclaimer:

#checkout-radio::after {

    content: "By deselecting package protection,\__________ is not liable for lost,\00a0 stolen,\00a0 or damaged packages";

    white-space: pre-wrap

}

 

Use the following code to adjust alignment according to your preferences:

#checkout-radio {

    display: inline-block !important;

    margin-left: 45px !important;

    line-height: 17px

}

@media screen and (max-width: 768px) {

    #checkout-radio {

        margin-left:0 !important;

        line-height: 17px

    }
}

Examples of Disclaimers
  • “Route is an added layer of protection to your order which insures replacement for lost, stolen, or damaged packages. By unselecting it, you are opting out of this premium feature.
  • “We are proud to partner with Route, the leader in package protection and tracking solutions. By selecting Route at checkout your order will be protected from damage, loss, or theft”
  • “_Company name_ partners with Route to protect your package from loss, damage, or theft”
  • “With everything going on in the world we want to add an extra layer of protection. _Company name_ partners with Route to protect your package from loss, damage, or theft”
  • “Package Protection is available for lost, damaged, or stolen packages.”
  • “Protect your _Company name_ shipment against loss, damage, and theft, so you can sleep well knowing you’re covered.”
  • “Theft and loss are on the rise, make sure to add Route to protect your package from loss, damage, or theft.”
  • “By deselecting shipping protection, _Company name_ is not liable for lost, damaged, or stolen items."