Skip to content
This repository has been archived by the owner on Feb 23, 2024. It is now read-only.

Hide the shipping address form from the Checkout when the "Force shipping to the customer billing address" is enabled #7268

Merged
merged 6 commits into from
Oct 7, 2022

Conversation

tarunvijwani
Copy link

@tarunvijwani tarunvijwani commented Sep 30, 2022

Hides the shipping address form from the Checkout when the Force shipping to the customer billing address is enabled.

Fixes #7219

Changes in the PR

  • Added conditions to hide the shipping address form from the Checkout when the forced billing address is enabled.
  • Added the condition to update the billing address to the shipping address.
  • Modified the condition to display the shipping methods.

Screenshots

Before After
image image

Testing

Automated Tests

  • Changes in this PR are covered by Automated Tests.
    • Unit tests
    • E2E tests

User Facing Testing

  1. Go to wp-admin/admin.php?page=wc-settings&tab=shipping&section=options page.
  2. Enable the Force shipping to the customer billing address option and save the changes.
  3. Go Checkout block, and confirm shipping address form is not visible.
  4. Change the billing address, confirm the shipping address in the order summary gets changed and shipping methods are updated.
  • Do not include in the Testing Notes

WooCommerce Visibility

  • WooCommerce Core
  • Feature plugin
  • Experimental

Performance Impact

Changelog

Hide the shipping address form from the Checkout when the "Force shipping to the customer billing address" is enabled.

@github-actions
Copy link
Contributor

The release ZIP for this PR is accessible via:

https://wcblocks.wpcomstaging.com/wp-content/uploads/woocommerce-gutenberg-products-block-7268.zip

@github-actions
Copy link
Contributor

github-actions bot commented Sep 30, 2022

Size Change: +171 B (0%)

Total Size: 917 kB

Filename Size Change
build/checkout-blocks/billing-address--checkout-blocks/shipping-address-frontend.js 4.98 kB +34 B (+1%)
build/checkout-blocks/billing-address-frontend.js 948 B +22 B (+2%)
build/checkout-blocks/contact-information-frontend.js 3.03 kB +28 B (+1%)
build/checkout-blocks/shipping-methods-frontend.js 4.89 kB +33 B (+1%)
build/checkout-frontend.js 52.5 kB +1 B (0%)
build/checkout.js 40.2 kB +53 B (0%)
ℹ️ View Unchanged
Filename Size
build/active-filters-frontend.js 7.62 kB
build/active-filters.js 8.3 kB
build/all-products-frontend.js 26.5 kB
build/all-products.js 33.6 kB
build/all-reviews.js 7.79 kB
build/attribute-filter-frontend.js 22.4 kB
build/attribute-filter.js 13.3 kB
build/blocks-checkout.js 17.5 kB
build/cart-blocks/cart-accepted-payment-methods-frontend.js 1.39 kB
build/cart-blocks/cart-cross-sells-frontend.js 253 B
build/cart-blocks/cart-cross-sells-products--product-add-to-cart-frontend.js 5.64 kB
build/cart-blocks/cart-cross-sells-products-frontend.js 4.66 kB
build/cart-blocks/cart-express-payment--checkout-blocks/express-payment-frontend.js 5.13 kB
build/cart-blocks/cart-express-payment-frontend.js 798 B
build/cart-blocks/cart-items-frontend.js 300 B
build/cart-blocks/cart-line-items--mini-cart-contents-block/products-table-frontend.js 5.3 kB
build/cart-blocks/cart-line-items-frontend.js 1.07 kB
build/cart-blocks/cart-order-summary-frontend.js 1.11 kB
build/cart-blocks/cart-totals-frontend.js 321 B
build/cart-blocks/empty-cart-frontend.js 347 B
build/cart-blocks/filled-cart-frontend.js 782 B
build/cart-blocks/order-summary-coupon-form-frontend.js 2.73 kB
build/cart-blocks/order-summary-discount-frontend.js 2.16 kB
build/cart-blocks/order-summary-fee-frontend.js 273 B
build/cart-blocks/order-summary-heading-frontend.js 456 B
build/cart-blocks/order-summary-shipping--checkout-blocks/order-summary-shipping-frontend.js 6.6 kB
build/cart-blocks/order-summary-shipping-frontend.js 430 B
build/cart-blocks/order-summary-subtotal-frontend.js 274 B
build/cart-blocks/order-summary-taxes-frontend.js 435 B
build/cart-blocks/proceed-to-checkout-frontend.js 1.19 kB
build/cart-frontend.js 50.3 kB
build/cart.js 46.4 kB
build/checkout-blocks/actions-frontend.js 1.8 kB
build/checkout-blocks/express-payment-frontend.js 1.18 kB
build/checkout-blocks/fields-frontend.js 344 B
build/checkout-blocks/order-note-frontend.js 1.14 kB
build/checkout-blocks/order-summary-cart-items-frontend.js 3.66 kB
build/checkout-blocks/order-summary-coupon-form-frontend.js 2.88 kB
build/checkout-blocks/order-summary-discount-frontend.js 2.28 kB
build/checkout-blocks/order-summary-fee-frontend.js 275 B
build/checkout-blocks/order-summary-frontend.js 1.11 kB
build/checkout-blocks/order-summary-shipping-frontend.js 602 B
build/checkout-blocks/order-summary-subtotal-frontend.js 273 B
build/checkout-blocks/order-summary-taxes-frontend.js 436 B
build/checkout-blocks/payment-frontend.js 7.9 kB
build/checkout-blocks/shipping-address-frontend.js 1.07 kB
build/checkout-blocks/terms-frontend.js 1.65 kB
build/checkout-blocks/totals-frontend.js 325 B
build/featured-category.js 13.2 kB
build/featured-product.js 13.4 kB
build/general-style-rtl.css 1.29 kB
build/general-style.css 1.29 kB
build/handpicked-products.js 7.28 kB
build/legacy-template.js 2.83 kB
build/mini-cart-component-frontend.js 16.8 kB
build/mini-cart-contents-block/empty-cart-frontend.js 366 B
build/mini-cart-contents-block/filled-cart-frontend.js 229 B
build/mini-cart-contents-block/footer-frontend.js 3.19 kB
build/mini-cart-contents-block/items-frontend.js 237 B
build/mini-cart-contents-block/products-table-frontend.js 589 B
build/mini-cart-contents-block/shopping-button-frontend.js 287 B
build/mini-cart-contents-block/title-frontend.js 366 B
build/mini-cart-contents.js 17.1 kB
build/mini-cart-frontend.js 1.72 kB
build/mini-cart.js 4.58 kB
build/price-filter-frontend.js 13.5 kB
build/price-filter.js 9.39 kB
build/price-format.js 1.19 kB
build/product-add-to-cart--product-button--product-category-list--product-image--product-price--product-r--a0326d00.js 226 B
build/product-add-to-cart--product-button--product-image--product-title.js 2.66 kB
build/product-add-to-cart-frontend.js 1.25 kB
build/product-add-to-cart.js 6.47 kB
build/product-best-sellers.js 7.62 kB
build/product-button--product-category-list--product-image--product-price--product-rating--product-sale-b--e17c7c01.js 433 B
build/product-button--product-image--product-rating--product-sale-badge--product-title.js 302 B
build/product-button-frontend.js 1.89 kB
build/product-button.js 1.58 kB
build/product-categories.js 2.36 kB
build/product-category-list-frontend.js 881 B
build/product-category-list.js 503 B
build/product-category.js 8.61 kB
build/product-image-frontend.js 1.91 kB
build/product-image.js 1.62 kB
build/product-new.js 7.62 kB
build/product-on-sale.js 7.95 kB
build/product-price-frontend.js 1.92 kB
build/product-price.js 1.53 kB
build/product-query.js 648 B
build/product-rating-frontend.js 1.18 kB
build/product-rating.js 773 B
build/product-sale-badge-frontend.js 1.14 kB
build/product-sale-badge.js 819 B
build/product-search.js 2.61 kB
build/product-sku-frontend.js 381 B
build/product-sku.js 379 B
build/product-stock-indicator-frontend.js 995 B
build/product-stock-indicator.js 624 B
build/product-summary-frontend.js 1.29 kB
build/product-summary.js 919 B
build/product-tag-list-frontend.js 875 B
build/product-tag-list.js 498 B
build/product-tag.js 7.99 kB
build/product-title-frontend.js 1.33 kB
build/product-title.js 938 B
build/product-top-rated.js 7.86 kB
build/products-by-attribute.js 8.53 kB
build/rating-filter-frontend.js 6.73 kB
build/rating-filter.js 5.53 kB
build/reviews-by-category.js 11.2 kB
build/reviews-by-product.js 12.3 kB
build/reviews-frontend.js 7.01 kB
build/single-product-frontend.js 29.3 kB
build/single-product.js 10 kB
build/stock-filter-frontend.js 7.64 kB
build/stock-filter.js 7.6 kB
build/vendors--cart-blocks/cart-cross-sells-products--cart-blocks/cart-line-items--cart-blocks/cart-order--04fe80d1-frontend.js 5.26 kB
build/vendors--cart-blocks/cart-cross-sells-products--cart-blocks/order-summary-shipping--checkout-blocks--18f9376a-frontend.js 19.1 kB
build/vendors--cart-blocks/cart-cross-sells-products--product-add-to-cart-frontend.js 7.53 kB
build/vendors--cart-blocks/cart-line-items--checkout-blocks/order-summary-cart-items--mini-cart-contents---233ab542-frontend.js 3.14 kB
build/vendors--cart-blocks/order-summary-shipping--checkout-blocks/billing-address--checkout-blocks/order--5b8feb0b-frontend.js 4.85 kB
build/vendors--mini-cart-contents-block/footer-frontend.js 6.86 kB
build/wc-blocks-data.js 16 kB
build/wc-blocks-editor-style-rtl.css 5.24 kB
build/wc-blocks-editor-style.css 5.24 kB
build/wc-blocks-google-analytics.js 1.56 kB
build/wc-blocks-middleware.js 932 B
build/wc-blocks-registry.js 2.79 kB
build/wc-blocks-shared-context.js 1.52 kB
build/wc-blocks-shared-hocs.js 1.72 kB
build/wc-blocks-style-rtl.css 24.1 kB
build/wc-blocks-style.css 24 kB
build/wc-blocks-vendors-style-rtl.css 1.95 kB
build/wc-blocks-vendors-style.css 1.95 kB
build/wc-blocks-vendors.js 62.4 kB
build/wc-blocks.js 2.63 kB
build/wc-payment-method-bacs.js 816 B
build/wc-payment-method-cheque.js 811 B
build/wc-payment-method-cod.js 909 B
build/wc-payment-method-paypal.js 837 B
build/wc-settings.js 2.6 kB

compressed-size-action

@tarunvijwani tarunvijwani changed the title Hide shipping address form from the Checkout when forced billing address is enabled. Added conditions to hide the shipping address form from the Checkout when the forced billing address is enabled. Oct 5, 2022
@tarunvijwani tarunvijwani changed the title Added conditions to hide the shipping address form from the Checkout when the forced billing address is enabled. Added conditions to hide the shipping address form from the Checkout when the forced billing address is enabled Oct 5, 2022
@tarunvijwani tarunvijwani changed the title Added conditions to hide the shipping address form from the Checkout when the forced billing address is enabled Hide the shipping address form from the Checkout when the forced billing address is enabled. Oct 5, 2022
@tarunvijwani tarunvijwani added block: checkout Issues related to the checkout block. type: bug The issue/PR concerns a confirmed bug. labels Oct 5, 2022
@tarunvijwani tarunvijwani changed the title Hide the shipping address form from the Checkout when the forced billing address is enabled. Hide the shipping address form from the Checkout when the Force shipping to the customer billing address is enabled. Oct 5, 2022
@tarunvijwani tarunvijwani changed the title Hide the shipping address form from the Checkout when the Force shipping to the customer billing address is enabled. Hide the shipping address form from the Checkout when the Force shipping to the customer billing address is enabled Oct 5, 2022
@tarunvijwani tarunvijwani changed the title Hide the shipping address form from the Checkout when the Force shipping to the customer billing address is enabled Hide the shipping address form from the Checkout when the "Force shipping to the customer billing address" is enabled Oct 5, 2022
@tarunvijwani tarunvijwani marked this pull request as ready for review October 5, 2022 09:05
@rubikuserbot rubikuserbot requested review from a team and wavvves and removed request for a team October 5, 2022 09:05
Copy link
Contributor

@wavvves wavvves left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Testing steps returned the expected behavior 🚢

@github-actions github-actions bot added this to the 8.7.0 milestone Oct 6, 2022
Copy link
Contributor

@tarhi-saad tarhi-saad left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Thank you, @tarunvijwani, for working on this PR! And thank you, @wavvves, for the review! I tested the PR as well, and it works as expected! I'll merge the PR since @tarunvijwani is AFK and this need to be ready for next week's release! 🙌

@tarhi-saad
Copy link
Contributor

I checked the failed E2E and JS Lint tests, which seem unrelated to this PR. We can see the same JS lint error on previous commits. The failing E2E test is a flaky one. I've run it locally, and it passed successfully!

@tarhi-saad tarhi-saad merged commit f4c1d94 into trunk Oct 7, 2022
@tarhi-saad tarhi-saad deleted the fix/7219-force-shipping-to-billing-address branch October 7, 2022 07:50
@ralucaStan
Copy link
Contributor

ralucaStan commented Oct 13, 2022

@nielslange This might impact woocommerce/woocommerce#42623. Good to test this scenario as well.

senadir pushed a commit to senadir/woocommerce-blocks that referenced this pull request Nov 12, 2022
…ping to the customer billing address" is enabled (woocommerce#7268)

* Hide shipping address form from the Checkout when forced billing address is enabled.

* Update shipping address when billing address is changed

* Display shipping options

* Fixed needs shipping condition

Co-authored-by: Saad Tarhi <[email protected]>
senadir pushed a commit to senadir/woocommerce-blocks that referenced this pull request Nov 12, 2022
…ping to the customer billing address" is enabled (woocommerce#7268)

* Hide shipping address form from the Checkout when forced billing address is enabled.

* Update shipping address when billing address is changed

* Display shipping options

* Fixed needs shipping condition

Co-authored-by: Saad Tarhi <[email protected]>
senadir pushed a commit to senadir/woocommerce-blocks that referenced this pull request Nov 20, 2022
…ping to the customer billing address" is enabled (woocommerce#7268)

* Hide shipping address form from the Checkout when forced billing address is enabled.

* Update shipping address when billing address is changed

* Display shipping options

* Fixed needs shipping condition

Co-authored-by: Saad Tarhi <[email protected]>
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
block: checkout Issues related to the checkout block. type: bug The issue/PR concerns a confirmed bug.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Checkout Block doesn't respect "Force shipping to the customer billing address" option.
4 participants