Giter Site home page Giter Site logo

[Checkout UI] `purchase.checkout.cart-line-item.render-after` does not render in order summary on mobile one-page checkout about ui-extensions HOT 13 CLOSED

gil-- avatar gil-- commented on September 6, 2024 5
[Checkout UI] `purchase.checkout.cart-line-item.render-after` does not render in order summary on mobile one-page checkout

from ui-extensions.

Comments (13)

gil-- avatar gil-- commented on September 6, 2024 5

confirmed fix. thank you team!

from ui-extensions.

CisForChi avatar CisForChi commented on September 6, 2024

Is there any update on this re: fixes?

from ui-extensions.

moptix10 avatar moptix10 commented on September 6, 2024

I have the same issue

from ui-extensions.

yossix avatar yossix commented on September 6, 2024

@gil-- Thank you for confirming the fix. Could you please let me know if this fix has been deployed yet?

from ui-extensions.

jeff-jacobsen avatar jeff-jacobsen commented on September 6, 2024

@gil-- This doesn't appear to be fixed in 2024.7.0 which just came out. When will this fix go out?

from ui-extensions.

gil-- avatar gil-- commented on September 6, 2024

I think it might have been rolled back or regressed. Will reopen as I can confirm it doesn't appear to be fixed anymore.

from ui-extensions.

huel-ollie avatar huel-ollie commented on September 6, 2024

Hi, I've been pointed here from a Shopify support chat. We're also experiencing this issue, is there a rough ETA on a fix for it? We're running some custom discount validation and the errors are only showing in the one area which is very confusing for users seeing discounts being removed.

from ui-extensions.

edhgoose avatar edhgoose commented on September 6, 2024

We've discovered this issue too - we'd really appreciate a fix.

from ui-extensions.

jun-shop avatar jun-shop commented on September 6, 2024

👋 Hey folks - wanted to confirm that this regression is no longer happening? I wasn't able to reproduce on my own dev shop. Extensions targeting the ...cart-line-item.render-after extension target appear in both order summary sections in mobile on one-page checkouts for me. Are you still experiencing this issue?

from ui-extensions.

jarthorn avatar jarthorn commented on September 6, 2024

It is also worth clarifying: cart-line-item.render-after is the only target in the order summary that is expected to appear in both the top and bottom order summaries in single page mobile. Vertical space is at a premium in a mobile layout, and rendering every extension twice would occupy far too much vertical space. We made a decision to only render these extensions once, with the exception of line-item.render-after. You can see what extensions are expected to render on a single page checkout here: https://shopify.dev/docs/api/checkout-ui-extensions/2024-07/extension-targets-overview#checkout-locations-one-page-checkout

from ui-extensions.

gil-- avatar gil-- commented on September 6, 2024

Confirming extensions added to ...cart-line-item.render-after show in both order summaries on mobile for 1 Page checkout.

from ui-extensions.

edhgoose avatar edhgoose commented on September 6, 2024

It is also worth clarifying: cart-line-item.render-after is the only target in the order summary that is expected to appear in both the top and bottom order summaries in single page mobile. Vertical space is at a premium in a mobile layout, and rendering every extension twice would occupy far too much vertical space. We made a decision to only render these extensions once, with the exception of line-item.render-after. You can see what extensions are expected to render on a single page checkout here: https://shopify.dev/docs/api/checkout-ui-extensions/2024-07/extension-targets-overview#checkout-locations-one-page-checkout

@jarthorn, I appreciate the reasoning, but we've had multiple reports from users who are confused why their extension isn't appearing on mobile. We're trying to render an extension beneath the discount code box.

I believe @huel-ollie has a similar issue based on his comment.

Can this list of extensions which are rendered twice be extended? While I understand space is at a premium, the Order Summary section which is affected is collapsed by default, and it doesn't seem unreasonable to me to have a large section which is easily hidden by an accordion.

I'm concerned this is going to cause a significant impact on one of our key store metrics and cause an increase in customer service complaints. The existing checkout doesn't seem to have this constraint.

P.s. I appreciate the link to the documentation, but if you must keep this behaviour, I don't think the linked documentation is very clear. It would be great to explicitly spell out which targets aren't included, and include your reasoning above as to why not. Otherwise, it's very easy to miss it when looking through all the documentation.

from ui-extensions.

edhgoose avatar edhgoose commented on September 6, 2024

Shopify Support have recommended that we re-raise the issue as this issue is now closed.

I've re-raised as #2218.

from ui-extensions.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.