> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://klip.crisp.help/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How to Display Cross-Out Pricing on Collection Pages

|| Make discounts instantly visible on your collection pages by displaying the original price with a strikethrough and the discounted price. This creates a seamless shopping experience and helps customers see their savings immediately.

Follow these steps to set it up:

### **Step 1: Enable Collection Page Coupons**
You can choose to display which products have discounts directly on your collection pages. This step is optional — but if you'd like to visually highlight discounted products, follow the steps below:
1. In your Klip Coupons admin, create a new coupon or edit an existing one.
2. Go to the **Coupon Design** tab.
3. In the left menu, select **Collection Page Badge**.
4. Enable **Show coupon badge on collection page**.
5. Click **Save**.

![](https://storage.crisp.chat/users/helpdesk/website/-/4/7/2/a/472a755f79a70800/image_1fd2fyz.png)

💡 This adds a visual badge to qualifying products, making it easier for customers to spot discounts at a glance.

| Note: The instructions for seting up your collection page coupons can be found in the article linked below.

For more details: [Show Coupons on Collection Pages](https://klip.crisp.help/en/article/how-to-show-coupons-on-collection-pages-5dhvy3/)

||| Enabling the badge is optional, but installing the collection page code is still required.

### Step 2: Enable Auto-Apply Coupons (Required)
Next, set the coupon to apply automatically so customers see the discounted price immediately:
1. While editing your coupon, go to the **Coupon Info** section.
2. Under **Redemption Method**, select **Apply automatically**.
3. Click **Save**.

![](https://storage.crisp.chat/users/helpdesk/website/-/4/7/2/a/472a755f79a70800/image_uwtdbs.png)

💡 This ensures that discounts appear automatically without customers needing to clip a coupon or take extra action.
For more information: [Auto-Apply Coupons](https://klip.crisp.help/en/article/how-to-auto-apply-coupons-4kjng6/)

### Step 3: Enable Cross-Out Pricing
Finally, show the original price crossed out and the discounted price right on the collection page:
1. From your **Shopify admin**, go to **Apps → Klip Coupons**.
2. Click **Settings → Cross-Out Pricing**.
3. Enable **Update new product price with compare-at price when coupon is applied**.
4. Enable **Show crossed-out prices on collection pages**.
5. Click **Save**.

![](https://storage.crisp.chat/users/helpdesk/website/-/4/7/2/a/472a755f79a70800/image_1i7joga.png)

💡 Works with most Shopify themes right away. The original price will appear with a strikethrough, while the discounted price is displayed prominently on collection pages.
For more information: [Show Cross-Out Pricing](https://klip.crisp.help/en/article/how-to-show-cross-out-pricing-when-customers-clip-a-coupon-q0mbi2/)

### Before:
![](https://storage.crisp.chat/users/helpdesk/website/-/4/7/2/a/472a755f79a70800/image_6s3jo.png)
### After: 
![](https://storage.crisp.chat/users/helpdesk/website/-/4/7/2/a/472a755f79a70800/image_hrmo14.png)


###### What This Achieves

* Shows a **discount badge** on eligible products.
* Applies discounts **automatically** so customers see the final price right away.
* Displays **cross-out pricing** on collection pages to highlight savings and encourage faster checkout.