Comments (13)
confirmed fix. thank you team!
from ui-extensions.
Is there any update on this re: fixes?
from ui-extensions.
I have the same issue
from ui-extensions.
@gil-- Thank you for confirming the fix. Could you please let me know if this fix has been deployed yet?
from ui-extensions.
@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.
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.
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.
We've discovered this issue too - we'd really appreciate a fix.
from ui-extensions.
👋 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.
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.
Confirming extensions added to ...cart-line-item.render-after
show in both order summaries on mobile for 1 Page checkout.
from ui-extensions.
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.
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)
- Checkout extensions Stepper manual input validation in real-time
- [Checkout UI - React] Can't use Switch component on customer-account surface HOT 3
- POS UI Extensions Cart lineItems have stopped being returned correctly (possibly as of 9.16.0) HOT 3
- API to identify which App Blocks are (or aren't) installed
- Colored labels in POS UI Extension lists
- [Checkout UI React] Shipping methods are re-selected when adding or removing cart lines HOT 1
- Remove customValidator from FormattedTextField starting from version 2025-01
- POS UI extensions seriously broken in the latest iOS Shopify POS version HOT 24
- `useStorage` inconsistency between live and test stores in `@shopify/ui-extensions-react/checkout` HOT 1
- useSelectedPaymentOptions Payment method name (as available in script editor and payment functions)
- Map component incorrect zoom behaviour HOT 4
- Admin resourcePicker `multiple` option doesn't work if `variants` filter is set to false
- Payment Options sample code is in opposite order to API definitions
- POS UI Extensions - allow multiple sequential api.cart actions without surfacing red error banner HOT 2
- Checkout UI, Customer Account UI, Link component open confirmation alert in editor
- Add ability to add a fee to checkout without using a product
- Feature Request: Add Customer Tags to `useCustomer` Hook in Checkout UI API
- `ConsentPhoneField` props not working as documented
- Featured Request: Add order status (fulfilled or not) to Order Api (customer-account-ui)
- customer-account: ImageGroup extra blank space
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from ui-extensions.