Skip to content

Add support to WC product filter block #1126

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Merged
crftwrk merged 1 commit into from
Nov 26, 2025
Merged

Add support to WC product filter block #1126

crftwrk merged 1 commit into from
Nov 26, 2025

Conversation

@crftwrk
Copy link
Member

@crftwrk crftwrk commented Nov 21, 2025 •
edited
Loading

@murilocarvalhodev

https://dev.bootscore.me/shop/ (Sidebar, works only on shop pages)

Bildschirmfoto 2025-11-20 um 17 49 59

Issues

New Filters

bootscore/block/product/filters/content

Block Widget Styles

Card layout in sidebar

<!-- wp:woocommerce/product-filters {"extended_widget_opts_state":"0.3278500627355666","extended_widget_opts_clientid":"a4dd9357-8aae-4ac1-b12d-e6b0b58d231a","dateUpdated":1763720210801,"className":"hide-wp-block-classes card"} -->
<div class="wp-block-woocommerce-product-filters wc-block-product-filters hide-wp-block-classes card" style="--wc-product-filters-text-color:#111;--wc-product-filters-background-color:#fff"><!-- wp:heading {"metadata":{"name":"card-header h6"},"className":"card-header h6","style":{"margin":{"top":"0","bottom":"0"},"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
<h2 class="wp-block-heading card-header h6" style="margin-top:0;margin-bottom:0">WC Product Filters</h2>
<!-- /wp:heading -->

<!-- wp:group {"metadata":{"name":"card-body"},"className":"card-body","layout":{"type":"default"}} -->
<div class="wp-block-group card-body"><!-- wp:woocommerce/product-filter-active {"className":"mb-3"} -->
<div class="wp-block-woocommerce-product-filter-active mb-3"><!-- wp:woocommerce/product-filter-removable-chips -->
<div class="wp-block-woocommerce-product-filter-removable-chips wc-block-product-filter-removable-chips"></div>
<!-- /wp:woocommerce/product-filter-removable-chips -->

<!-- wp:woocommerce/product-filter-clear-button -->
<!-- wp:buttons {"layout":{"type":"flex","verticalAlignment":"stretched"}} -->
<div class="wp-block-buttons"><!-- wp:button {"textAlign":"center","width":100,"className":"wc-block-product-filter-clear-button is-style-outline","style":{"border":{"width":"1px"},"typography":{"textDecoration":"none"},"outline":"none","fontSize":"medium","spacing":{"padding":{"left":"8px","right":"8px","top":"5px","bottom":"5px"}}}} -->
<div class="wp-block-button has-custom-width wp-block-button__width-100 wc-block-product-filter-clear-button is-style-outline"><a class="wp-block-button__link has-text-align-center wp-element-button" style="border-width:1px;padding-top:5px;padding-right:8px;padding-bottom:5px;padding-left:8px;text-decoration:none">Clear filters</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->
<!-- /wp:woocommerce/product-filter-clear-button --></div>
<!-- /wp:woocommerce/product-filter-active -->

<!-- wp:woocommerce/product-filter-price {"className":"mb-3"} -->
<div class="wp-block-woocommerce-product-filter-price mb-3"><!-- wp:heading {"level":3,"className":"h5 mb-0","style":{"spacing":{"margin":{"bottom":"0.625rem","top":"0"}}}} -->
<h3 class="wp-block-heading h5 mb-0" style="margin-top:0;margin-bottom:0.625rem">Price</h3>
<!-- /wp:heading -->

<!-- wp:woocommerce/product-filter-price-slider -->
<div class="wp-block-woocommerce-product-filter-price-slider wc-block-product-filter-price-slider"></div>
<!-- /wp:woocommerce/product-filter-price-slider --></div>
<!-- /wp:woocommerce/product-filter-price -->

<!-- wp:woocommerce/product-filter-rating {"className":"mb-3"} -->
<div class="wp-block-woocommerce-product-filter-rating mb-3"><!-- wp:heading {"level":3,"className":"h5","style":{"spacing":{"margin":{"bottom":"0.625rem","top":"0"}}}} -->
<h3 class="wp-block-heading h5" style="margin-top:0;margin-bottom:0.625rem">Rating</h3>
<!-- /wp:heading -->

<!-- wp:woocommerce/product-filter-checkbox-list -->
<div class="wp-block-woocommerce-product-filter-checkbox-list wc-block-product-filter-checkbox-list"></div>
<!-- /wp:woocommerce/product-filter-checkbox-list --></div>
<!-- /wp:woocommerce/product-filter-rating -->

<!-- wp:woocommerce/product-filter-attribute {"className":"mb-3"} -->
<div class="wp-block-woocommerce-product-filter-attribute mb-3"><!-- wp:heading {"level":3,"className":"h5","style":{"spacing":{"margin":{"bottom":"0.625rem","top":"0"}}}} -->
<h3 class="wp-block-heading h5" style="margin-top:0;margin-bottom:0.625rem">Color</h3>
<!-- /wp:heading -->

<!-- wp:woocommerce/product-filter-checkbox-list -->
<div class="wp-block-woocommerce-product-filter-checkbox-list wc-block-product-filter-checkbox-list"></div>
<!-- /wp:woocommerce/product-filter-checkbox-list --></div>
<!-- /wp:woocommerce/product-filter-attribute -->

<!-- wp:woocommerce/product-filter-taxonomy {"className":"mb-3"} -->
<div class="wp-block-woocommerce-product-filter-taxonomy mb-3"><!-- wp:heading {"level":3,"className":"h5","style":{"spacing":{"margin":{"bottom":"0.625rem","top":"0"}}}} -->
<h3 class="wp-block-heading h5" style="margin-top:0;margin-bottom:0.625rem">Category</h3>
<!-- /wp:heading -->

<!-- wp:woocommerce/product-filter-checkbox-list -->
<div class="wp-block-woocommerce-product-filter-checkbox-list wc-block-product-filter-checkbox-list"></div>
<!-- /wp:woocommerce/product-filter-checkbox-list --></div>
<!-- /wp:woocommerce/product-filter-taxonomy -->

<!-- wp:woocommerce/product-filter-status -->
<div class="wp-block-woocommerce-product-filter-status"><!-- wp:heading {"level":3,"className":"h5","style":{"spacing":{"margin":{"bottom":"0.625rem","top":"0"}}}} -->
<h3 class="wp-block-heading h5" style="margin-top:0;margin-bottom:0.625rem">Status</h3>
<!-- /wp:heading -->

<!-- wp:woocommerce/product-filter-checkbox-list -->
<div class="wp-block-woocommerce-product-filter-checkbox-list wc-block-product-filter-checkbox-list"></div>
<!-- /wp:woocommerce/product-filter-checkbox-list --></div>
<!-- /wp:woocommerce/product-filter-status --></div>
<!-- /wp:group --></div>
<!-- /wp:woocommerce/product-filters -->

@crftwrk crftwrk marked this pull request as draft November 21, 2025 10:09
@crftwrk crftwrk added documentation Improvements or additions to documentation feature WooCommerce labels Nov 21, 2025
@crftwrk crftwrk added this to v6.4.0 Nov 21, 2025
@crftwrk crftwrk moved this to Todo in v6.4.0 Nov 21, 2025
@crftwrk crftwrk mentioned this pull request Nov 21, 2025
Merged
@crftwrk crftwrk merged commit 5de2c9b into main Nov 26, 2025
@github-project-automation github-project-automation bot moved this from Todo to Done in v6.4.0 Nov 26, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Reviewers

No reviews

Assignees

No one assigned

Labels

documentation Improvements or additions to documentation feature WooCommerce

Projects

v6.4.0
Status: Done

Milestone

No milestone

Development

Successfully merging this pull request may close these issues.

2 participants

@crftwrk