Add Swipe Asset Disclaimer

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

Shopify

Follow these steps to add a disclaimer to the Swipe 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 Swipe Test.

    Note: If you already having a theme called “Swipe Test”, use that theme.
     
  4. On that theme, go to Actions and click Edit Code.
  5. Select the file where swipe div code was originally added (EX: checkout.liquid).
  6. Find the Swipe div code. Tip: Press Ctrl + F and search this entire code or part of it <div class=”swipe-div”></div> 
  7. Once you locate the Swipe 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 Swipe 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 Swipe 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 Swipe 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 Swipe 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 Swipe 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 Swipe Test.
  4. Note: If you already having a theme called “Swipe 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 Swipe 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 Swipe script code, add the disclaimer directly below the script at the bottom of the head section.
  9. Add the below code to include a Swipe asset disclaimer on the checkout:

<style>
      .swipe-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;
      }
      .swipe-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 Swipe asset on WooCommerce. In WooCommerce dashboard, go to Appearance -> Themes -> Customize -> Additional CSS and copy & paste below code and save.

/*Swipe Code Edited __/__/____ */
#SwipeWidget::after{
content: "Swipe 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;
}
#SwipeWidget{
font-size: 12px;
line-height: 18px;
padding-bottom: 10px;
}
/*End Swipe Code */

Examples of Disclaimers

  • If your package is lost, stolen, or damaged, Swipe 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 Swipe.
  • Ship happens. Protect your order against loss, theft, or damage with Swipe - 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.
  • Swipe is the leader in package protection and shipping insurance.