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

Style Book: Hide Filter blocks and Product Search block #8309

Merged
merged 3 commits into from
Jan 27, 2023

Conversation

gigitux
Copy link
Contributor

@gigitux gigitux commented Jan 27, 2023

This PR hides:

  • Filter Blocks.
  • Deprecated Product Search block.

Filter Blocks

Regarding the Filter Blocks, I explored another approach (#8295), but we realized that Style Book rendered the old version of those blocks with that approach. To fix this issue, we should wait that #47443 is fixed.

If we agree with this approach, we should create another issue to keep in mind that we are blocked by #47443.

Deprecated Product Search block

It is fine that we hide the Product Search Block. It is a deprecated block and is no longer visible in the editor inserter.

Fixes #8175
Fixes #8180

Testing

User Facing Testing

  1. With Gutenberg installed and a block theme like Twenty Twenty-Three enabled.
  2. Go to Appearance > Editor and edit a template.
  3. In the toolbar, select Styles (black and white circle) and then, Open Style Book (eye icon).
  4. Go to the WooCommerce tab.
  5. Be sure that the Attribute Filter, Stock Filter, Price Filter, Rating filter, and Product Search blocks aren't visible.

cc @nefeline @Aljullu

  • Do not include in the Testing Notes

WooCommerce Visibility

  • WooCommerce Core
  • Feature plugin
  • Experimental

Changelog

Fix: Hide filter blocks and Product Search block for Style Book.

@gigitux gigitux added type: bug The issue/PR concerns a confirmed bug. skip-changelog PRs that you don't want to appear in the changelog. focus: blocks Specific work involving or impacting how blocks behave. block-type: filter blocks Issues related to all of the filter blocks. block: product search Issues related to the Product Search block. labels Jan 27, 2023
@gigitux gigitux self-assigned this Jan 27, 2023
@woocommercebot woocommercebot requested review from a team and dinhtungdu and removed request for a team January 27, 2023 10:17
@github-actions
Copy link
Contributor

github-actions bot commented Jan 27, 2023

The release ZIP for this PR is accessible via:

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

Script Dependencies Report

There is no changed script dependency between this branch and trunk.

This comment was automatically generated by the ./github/compare-assets action.

TypeScript Errors Report

  • Files with errors: 503
  • Total errors: 2343

🎉 🎉 This PR does not introduce new TS errors.

comments-aggregator

@github-actions
Copy link
Contributor

github-actions bot commented Jan 27, 2023

Size Change: -198 B (0%)

Total Size: 1.1 MB

Filename Size Change
build/attribute-filter-frontend.js 22.9 kB -16 B (0%)
build/attribute-filter-wrapper-frontend.js 7.66 kB -16 B (0%)
build/attribute-filter.js 12.4 kB -16 B (0%)
build/filter-wrapper-frontend.js 14 kB +4 B (0%)
build/price-filter-frontend.js 13.9 kB -19 B (0%)
build/price-filter-wrapper-frontend.js 6.98 kB -21 B (0%)
build/price-filter.js 8.38 kB -20 B (0%)
build/product-search.js 2.6 kB -15 B (-1%)
build/rating-filter-frontend.js 21.4 kB -18 B (0%)
build/rating-filter-wrapper-frontend.js 6.2 kB -13 B (0%)
build/rating-filter.js 7.43 kB -14 B (0%)
build/stock-filter-frontend.js 21.1 kB -13 B (0%)
build/stock-filter-wrapper-frontend.js 5.87 kB -10 B (0%)
build/stock-filter.js 8.16 kB -11 B (0%)
ℹ️ View Unchanged
Filename Size
build/active-filters-frontend.js 7.99 kB
build/active-filters-wrapper-frontend.js 6 kB
build/active-filters.js 7.31 kB
build/all-products-frontend.js 11.7 kB
build/all-products.js 33.6 kB
build/all-reviews.js 7.66 kB
build/blocks-checkout.js 41 kB
build/cart-blocks/cart-accepted-payment-methods-frontend.js 1.38 kB
build/cart-blocks/cart-cross-sells-frontend.js 253 B
build/cart-blocks/cart-cross-sells-products-frontend.js 9.64 kB
build/cart-blocks/cart-express-payment--checkout-blocks/express-payment-frontend.js 5.08 kB
build/cart-blocks/cart-express-payment-frontend.js 720 B
build/cart-blocks/cart-items-frontend.js 299 B
build/cart-blocks/cart-line-items--mini-cart-contents-block/products-table-frontend.js 5.34 kB
build/cart-blocks/cart-line-items-frontend.js 1.06 kB
build/cart-blocks/cart-order-summary-frontend.js 1.24 kB
build/cart-blocks/cart-totals-frontend.js 321 B
build/cart-blocks/empty-cart-frontend.js 345 B
build/cart-blocks/filled-cart-frontend.js 655 B
build/cart-blocks/order-summary-coupon-form-frontend.js 1.69 kB
build/cart-blocks/order-summary-discount-frontend.js 2.12 kB
build/cart-blocks/order-summary-fee-frontend.js 274 B
build/cart-blocks/order-summary-heading-frontend.js 455 B
build/cart-blocks/order-summary-shipping-frontend.js 14.9 kB
build/cart-blocks/order-summary-subtotal-frontend.js 275 B
build/cart-blocks/order-summary-taxes-frontend.js 435 B
build/cart-blocks/proceed-to-checkout-frontend.js 1.24 kB
build/cart-frontend.js 28.7 kB
build/cart.js 47.7 kB
build/catalog-sorting.js 1.71 kB
build/checkout-blocks/actions-frontend.js 1.86 kB
build/checkout-blocks/billing-address--checkout-blocks/shipping-address-frontend.js 3.92 kB
build/checkout-blocks/billing-address-frontend.js 1.16 kB
build/checkout-blocks/contact-information-frontend.js 2.05 kB
build/checkout-blocks/express-payment-frontend.js 1.13 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.68 kB
build/checkout-blocks/order-summary-coupon-form-frontend.js 1.85 kB
build/checkout-blocks/order-summary-discount-frontend.js 2.29 kB
build/checkout-blocks/order-summary-fee-frontend.js 277 B
build/checkout-blocks/order-summary-frontend.js 1.24 kB
build/checkout-blocks/order-summary-shipping-frontend.js 14.9 kB
build/checkout-blocks/order-summary-subtotal-frontend.js 275 B
build/checkout-blocks/order-summary-taxes-frontend.js 434 B
build/checkout-blocks/payment-frontend.js 8.32 kB
build/checkout-blocks/pickup-options-frontend.js 2.81 kB
build/checkout-blocks/shipping-address-frontend.js 1.12 kB
build/checkout-blocks/shipping-method-frontend.js 2.27 kB
build/checkout-blocks/shipping-methods-frontend.js 4.83 kB
build/checkout-blocks/terms-frontend.js 1.56 kB
build/checkout-blocks/totals-frontend.js 324 B
build/checkout-frontend.js 30.2 kB
build/checkout.js 43.5 kB
build/customer-account.js 3.08 kB
build/featured-category.js 13.1 kB
build/featured-product.js 13.4 kB
build/filter-wrapper.js 2.39 kB
build/general-style-rtl.css 1.31 kB
build/general-style.css 1.31 kB
build/handpicked-products.js 7.24 kB
build/legacy-template.js 2.87 kB
build/mini-cart-component-frontend.js 27.8 kB
build/mini-cart-contents-block/empty-cart-frontend.js 366 B
build/mini-cart-contents-block/filled-cart-frontend.js 268 B
build/mini-cart-contents-block/footer-frontend.js 2.82 kB
build/mini-cart-contents-block/items-frontend.js 237 B
build/mini-cart-contents-block/products-table-frontend.js 590 B
build/mini-cart-contents-block/shopping-button-frontend.js 313 B
build/mini-cart-contents-block/title-frontend.js 367 B
build/mini-cart-contents.js 17 kB
build/mini-cart-frontend.js 2 kB
build/mini-cart.js 4.29 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-rating--product-title.js 151 B
build/product-add-to-cart-frontend.js 6.72 kB
build/product-add-to-cart.js 8.59 kB
build/product-best-sellers.js 7.61 kB
build/product-button--product-category-list--product-image--product-price--product-rating--product-sale-b--e17c7c01.js 439 B
build/product-button--product-image--product-price--product-rating--product-sale-badge--product-title.js 257 B
build/product-button-frontend.js 2.14 kB
build/product-button.js 3.97 kB
build/product-categories.js 2.36 kB
build/product-category-list-frontend.js 1.14 kB
build/product-category-list.js 503 B
build/product-category.js 8.6 kB
build/product-image-frontend.js 2.15 kB
build/product-image.js 4.07 kB
build/product-new.js 7.6 kB
build/product-on-sale.js 7.92 kB
build/product-price-frontend.js 2.23 kB
build/product-price.js 1.58 kB
build/product-query.js 5.92 kB
build/product-rating-frontend.js 1.57 kB
build/product-rating.js 920 B
build/product-results-count.js 1.67 kB
build/product-sale-badge-frontend.js 1.38 kB
build/product-sale-badge.js 814 B
build/product-sku-frontend.js 629 B
build/product-sku.js 377 B
build/product-stock-indicator-frontend.js 1.27 kB
build/product-stock-indicator.js 645 B
build/product-summary-frontend.js 1.53 kB
build/product-summary.js 920 B
build/product-tag-list-frontend.js 1.13 kB
build/product-tag-list.js 496 B
build/product-tag.js 8.08 kB
build/product-title-frontend.js 1.57 kB
build/product-title.js 3.44 kB
build/product-top-rated.js 7.84 kB
build/products-by-attribute.js 8.52 kB
build/reviews-by-category.js 11.2 kB
build/reviews-by-product.js 12.3 kB
build/reviews-frontend.js 7.15 kB
build/single-product-frontend.js 17.8 kB
build/single-product.js 9.99 kB
build/store-notices.js 1.65 kB
build/vendors--attribute-filter-wrapper--cart-blocks/cart-cross-sells-products--cart-blocks/order-summary--82e4ed06-frontend.js 6.86 kB
build/vendors--attribute-filter-wrapper--rating-filter-wrapper--stock-filter-wrapper-frontend.js 7.69 kB
build/vendors--cart-blocks/cart-cross-sells-products--cart-blocks/cart-line-items--cart-blocks/cart-order--3c5fe802-frontend.js 5.26 kB
build/vendors--cart-blocks/cart-cross-sells-products--cart-blocks/order-summary-shipping--checkout-blocks--18f9376a-frontend.js 19.4 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.83 kB
build/vendors--checkout-blocks/shipping-method-frontend.js 12 kB
build/vendors--checkout-blocks/shipping-methods-frontend.js 9.48 kB
build/wc-blocks-data.js 22 kB
build/wc-blocks-editor-style-rtl.css 5.47 kB
build/wc-blocks-editor-style.css 5.47 kB
build/wc-blocks-google-analytics.js 1.56 kB
build/wc-blocks-middleware.js 933 B
build/wc-blocks-registry.js 3.16 kB
build/wc-blocks-shared-context.js 1.52 kB
build/wc-blocks-shared-hocs.js 1.73 kB
build/wc-blocks-style-rtl.css 25.7 kB
build/wc-blocks-style.css 25.6 kB
build/wc-blocks-vendors-style-rtl.css 1.96 kB
build/wc-blocks-vendors-style.css 1.96 kB
build/wc-blocks-vendors.js 64.2 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
build/wc-shipping-method-pickup-location.js 29.7 kB
build/wp-directives-runtime.js 2.4 kB
build/wp-directives-vendors.js 7.89 kB

compressed-size-action

@gigitux gigitux changed the title Hide blocks from Style Book [Style Book] Hide Filter blocks and Product Search block Jan 27, 2023
@gigitux gigitux removed the skip-changelog PRs that you don't want to appear in the changelog. label Jan 27, 2023
@nefeline
Copy link
Contributor

nefeline commented Jan 27, 2023

Great work 🚀! Confirmed the filter and the search blocks are not displayed in the Style Book anymore.

Just have a couple of minor notes regarding the PR description:

@gigitux
Copy link
Contributor Author

gigitux commented Jan 27, 2023

Great work 🚀! Confirmed the filter and the search blocks are not displayed in the Style Book anymore.

Just have a couple of minor notes regarding the PR description:

Thanks for the comment! I updated the description :)

Copy link
Contributor

@nefeline nefeline left a comment

Choose a reason for hiding this comment

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

Awesome, thanks!! :shipit:

@github-actions github-actions bot added this to the 9.5.0 milestone Jan 27, 2023
@gigitux gigitux enabled auto-merge (squash) January 27, 2023 17:40
@gigitux gigitux disabled auto-merge January 27, 2023 18:11
@gigitux gigitux merged commit 4728ace into trunk Jan 27, 2023
@gigitux gigitux deleted the fix/hide-blocks-from-stylebook branch January 27, 2023 18:11
@nielslange nielslange changed the title [Style Book] Hide Filter blocks and Product Search block Style Book: Hide Filter blocks and Product Search block Jan 30, 2023
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
block: product search Issues related to the Product Search block. block-type: filter blocks Issues related to all of the filter blocks. focus: blocks Specific work involving or impacting how blocks behave. type: bug The issue/PR concerns a confirmed bug.
Projects
None yet
2 participants