search

Shopify / ui-extensions

MIT License
248 stars 35 forks source link

Hide elements using Checkout UI Extensions #1565

Open Bonipher22 opened 7 months ago

Bonipher22 commented 7 months ago

Hi, I am trying this checkout extensibility for shopify checkout page. I just want to know if it's possible to edit the existing or default elements of shopify checkout page? I want to hide some elements, which are the "discount form" and the "estimated date" in the shipping method. But, I can't do it using reactJS because I have no access to the DOM components. Is there any other way to do this? Thank you for your answer in advance.

nboliver-ventureweb commented 7 months ago

No, there is no way to modify existing elements

ShamiqTheDev commented 3 months ago

Also please consider customization features such as modifying the city input field on the checkout information step.

I intend to make the city input field a dropdown through the Shopify extension, however, according to my research it isn't possible to hide the input field and overwrite it, or customize it in any way.

jarthorn commented 2 months ago

@ShamiqTheDev we would love to learn more about why you want to convert the city field into a drop down. Is this a requirement in particular geographic regions? Is it because the merchant wants to restrict buyer destinations, or because of conversion or fulfillment concerns if the field is free-form?

swshamiq commented 2 months ago

@jarthorn Yes because of fulfillment automation concerns, as the field is free-form, some customers enter the cities in their language or make typos in this case the customer support team has to work on it manually and then proceed with the order.

We have the bulk of orders each day and to handle mistaken customer cities a lot of workforce will be required which is not an ideal solution.

Do you have any alternative solution for it?

jarthorn commented 2 months ago

The alternative available today is to do validation on the input to make sure it is correct, and block the buyer from progressing with an incorrect city value. We have both client and server-side solutions for doing this kind of validation (details). I realize the dropdown approach is preferable in some cases because it reduces friction for buyers, especially in regions with many buyer languages.

tomamihaiadrian commented 1 week ago

any news on this one?