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.
This should be possible with checkout extensibility, the general process would be:
- Use the
customer-account.order-status.cart-line-item.render-after
target to render your extension after each cart line item. - For each cart line item, get the variant ID.
- Use the Admin API to fetch the
compareAtPrice
for that variant. - Display the compare at price in your extension UI.
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
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