Show compared at price at checkout page

Hi, do you know how to show the compared price for the product “Emery Slim Square-Neck Scrub Top - Black” with strikethrough like $40 $20.99 when the compared at price is $40? I think it used to be possible with checkout liquid, but how do I do the same thing with shopify checkout extensibility now that checkout liquid is no longer available? Thanks.

Hi @Andrew_Jaanuu

This should be possible with checkout extensibility, the general process would be:

This shows the price right below the line item rather than within the pricing field on the right, which is always out of place

Hi guys, similar challenge here. I have a quick question regarding the new Checkout extensibility system. In the previous (Liquid-based) checkout, we were able to access and display the product’s compare at price directly within the checkout using Liquid. However, in the new Checkout Extensions, this data doesn’t seem to be exposed anymore (analytic purpose / webpixel). I see only this: item.variant.price.amount

Can you clarify why the compare at price is no longer available during checkout?

@Liam-Shopify, Using the Admin API is the only way to retrieve it and display it (with Google Cloud Functions, for example), right?

EDIT: It’s funny that I can access a line item metafield, but not the actual compare_at_price directly from the line item object.

Hi @lynthius

Correct - you can’t access a compare at price directly via a checkout extension. I can’t say exactly why this is the case - it may be a design-related decision to not focus on pricing elements.

Thanks, @Liam-Shopify. I created a compare_at_price variant metafield and added simple math to calculate the discount percentage.

That does sound like the best approach for now @lynthius

This has been causing lot of inconvenience for checkout customization with the new checkout extensivity, is there any way for our store to rollback to checkout.liquid? Shopify has always been forcing merchants to give up deprecated features that work well for their use cases without feature parity on the replacement features. This is causing issues with Shopify new account also, customization on login page is no longer possible with new account.

It’s not possible to roll back, but new functionality is steadily rolling out :blush:

You can customize the login page in terms of styling and content slightly by using brand and checkout settings, as well as default content to change some of the text.

Long ways to go for sure :saluting_face: