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 dashboard, go to Appearance -> Themes -> Customize -> Additional CSS and copy & paste below code and save.

/*Route Code Edited __/__/____ */
#RouteWidget::after{
content: "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.";
white-space: pre-wrap;
}
#RouteWidget{
font-size: 12px;
line-height: 18px;
padding-bottom: 10px;
}
/*End Route Code */

 
Examples of Disclaimers
  • If your package is lost, stolen, or damaged, Route will refund or replace it.
  • Don’t let porch pirates or carrier mistakes get between you and your order. Protect your package against loss, theft, or damage with Route.
  • Ship happens. Protect your order against loss, theft, or damage with Route - the leader in package protection.
  • By declining package protection, [merchant name] is not responsible for lost, damaged, or stolen items.
  • We recommend package protection so you have additional coverage once it leaves our hands.
  • Route is the leader in package protection and shipping insurance.