Displaying Disco Discounts on Your Shopify Cart

This guide explains how to display Disco discounts on your Shopify cart page using custom Disco cart sections.

Prerequisites:

  • Shopify Online Store 2.0 theme
  • Admin access to your Shopify store

Part 1: Setting Up Discount for Cart Items

1. Access Theme Editor

  1. Go to Online Store > Themes
  2. Locate your active theme
  3. Click Customize

2. Navigate to Cart Page

  1. Click the page selector dropdown at the top of the sidebar
  2. Select Cart

3. Add Disco Cart Items

  1. In the left sidebar, under Template, click Add section
  2. Switch to the App tab
  3. Select Disco Cart Items

4. Configure Layout

  1. Drag the Apps section above the Subtotal section

  2. Click on Apps
  3. Uncheck Make sections margins the same as theme for full-width display

5. Hide Default Cart Items

  1. Locate the original Items section
  2. Click the eye icon (👁) to hide it

Part 2: Adding Total Discount Display

1. Add Discount Block

  1. Locate the Subtotal section
  2. Click Add block
  3. Select Disco Cart Total Discount

2. Position the Discount

  1. Find the newly added discount block
  2. Drag it above Subtotal price
  3. This will display the discount amount before the final total

3. Finalize Changes

  1. Review your modifications
  2. Click Save in the top-right corner

Troubleshooting Tips

  • If you don't see the Disco options, ensure your theme is compatible with Online Store 2.0
  • If changes aren't visible, try clearing your browser cache
  • For additional support, contact Disco's customer service

Note: Remember to test your cart functionality after making these changes to ensure everything works as expected.

Still need help? Contact Us Contact Us