Products by Category…Error loading block: Invalid parameter(s): attributes

Hello,

As a first step, could you please share a copy of your site’s System Status? You can find it via WooCommerce > Status. Select “Get system report” and then “Copy for support”.? Once you’ve done that, paste it here in your response.

### WordPress Environment ###

WordPress address (URL): https://mubie.com
Site address (URL): https://mubie.com
WC Version: 5.6.0
REST API Version: ? 5.6.0
WC Blocks Version: ? 5.5.1
Action Scheduler Version: ? 3.2.1
WC Admin Version: ? 2.5.1
Log Directory Writable: ?
WP Version: 5.8
WP Multisite: –
WP Memory Limit: 512 MB
WP Debug Mode: –
WP Cron: ?
Language: zh_TW
External object cache: ?

### Server Environment ###

Server Info: nginx
PHP Version: 7.4.23
PHP Post Max Size: 2 GB
PHP Time Limit: 1200
PHP Max Input Vars: 6144
cURL Version: 7.78.0
OpenSSL/1.1.1d

SUHOSIN Installed: –
MySQL Version: 5.5.5-10.4.21-MariaDB-log
Max Upload Size: 2 GB
Default Timezone is UTC: ?
fsockopen/cURL: ?
SoapClient: ?
DOMDocument: ?
GZip: ?
Multibyte String: ?
Remote Post: ?
Remote Get: ?

### Database ###

WC Database Version: 5.6.0
WC Database Prefix: wp_
Total Database Size: 60.80MB
Database Data Size: 55.53MB
Database Index Size: 5.27MB
wp_woocommerce_sessions: Data: 1.02MB + Index: 0.02MB + Engine InnoDB
wp_woocommerce_api_keys: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_woocommerce_attribute_taxonomies: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_woocommerce_downloadable_product_permissions: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
wp_woocommerce_order_items: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_woocommerce_order_itemmeta: Data: 0.06MB + Index: 0.03MB + Engine InnoDB
wp_woocommerce_tax_rates: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
wp_woocommerce_tax_rate_locations: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_woocommerce_shipping_zones: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_woocommerce_shipping_zone_locations: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_woocommerce_shipping_zone_methods: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_woocommerce_payment_tokens: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_woocommerce_payment_tokenmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_woocommerce_log: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_actionscheduler_actions: Data: 0.11MB + Index: 0.13MB + Engine InnoDB
wp_actionscheduler_claims: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_actionscheduler_groups: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_actionscheduler_logs: Data: 0.09MB + Index: 0.03MB + Engine InnoDB
wp_aioseo_notifications: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
wp_aioseo_posts: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_b2s_posts: Data: 0.02MB + Index: 0.14MB + Engine InnoDB
wp_b2s_posts_drafts: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_b2s_posts_favorites: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_b2s_posts_network_details: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_b2s_posts_sched_details: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_b2s_user: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
wp_b2s_user_contact: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_b2s_user_network_settings: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_bws_list_countries: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_commentmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_comments: Data: 0.02MB + Index: 0.09MB + Engine InnoDB
wp_frmt_form_entry: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
wp_frmt_form_entry_meta: Data: 0.09MB + Index: 0.05MB + Engine InnoDB
wp_frmt_form_views: Data: 0.44MB + Index: 0.77MB + Engine InnoDB
wp_lhr_log: Data: 0.09MB + Index: 0.00MB + Engine InnoDB
wp_links: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_options: Data: 3.09MB + Index: 0.08MB + Engine InnoDB
wp_postmeta: Data: 32.50MB + Index: 0.53MB + Engine InnoDB
wp_posts: Data: 13.39MB + Index: 0.31MB + Engine InnoDB
wp_redirection_404: Data: 1.02MB + Index: 0.11MB + Engine InnoDB
wp_redirection_groups: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_redirection_items: Data: 0.02MB + Index: 0.09MB + Engine InnoDB
wp_redirection_logs: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
wp_ssa_appointments: Data: 0.02MB + Index: 0.08MB + Engine InnoDB
wp_ssa_appointment_meta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_ssa_appointment_types: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
wp_ssa_async_actions: Data: 0.08MB + Index: 0.11MB + Engine InnoDB
wp_ssa_availability: Data: 0.02MB + Index: 0.14MB + Engine InnoDB
wp_ssa_availability_external: Data: 0.02MB + Index: 0.14MB + Engine InnoDB
wp_termmeta: Data: 0.09MB + Index: 0.11MB + Engine InnoDB
wp_terms: Data: 0.11MB + Index: 0.16MB + Engine InnoDB
wp_term_relationships: Data: 0.17MB + Index: 0.11MB + Engine InnoDB
wp_term_taxonomy: Data: 1.52MB + Index: 0.14MB + Engine InnoDB
wp_um_metadata: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
wp_usermeta: Data: 0.17MB + Index: 0.09MB + Engine InnoDB
wp_users: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
wp_wc_admin_notes: Data: 0.06MB + Index: 0.00MB + Engine InnoDB
wp_wc_admin_note_actions: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_wc_category_lookup: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_wc_customer_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_wc_download_log: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_wc_order_coupon_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_wc_order_product_lookup: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
wp_wc_order_stats: Data: 0.02MB + Index: 0.05MB + Engine InnoDB
wp_wc_order_tax_lookup: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
wp_wc_product_meta_lookup: Data: 0.02MB + Index: 0.09MB + Engine InnoDB
wp_wc_reserved_stock: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_wc_tax_rate_classes: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_wc_webhooks: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
wp_wpforms_tasks_meta: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_wpie_template: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_wpmailsmtp_debug_events: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
wp_wpmailsmtp_tasks_meta: Data: 0.02MB + Index: 0.00MB + Engine InnoDB
_jp_wp_commentmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
_jp_wp_comments: Data: 0.02MB + Index: 0.08MB + Engine InnoDB
_jp_wp_links: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
_jp_wp_options: Data: 0.11MB + Index: 0.03MB + Engine InnoDB
_jp_wp_postmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
_jp_wp_posts: Data: 0.02MB + Index: 0.06MB + Engine InnoDB
_jp_wp_termmeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
_jp_wp_terms: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
_jp_wp_term_relationships: Data: 0.02MB + Index: 0.02MB + Engine InnoDB
_jp_wp_term_taxonomy: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
_jp_wp_usermeta: Data: 0.02MB + Index: 0.03MB + Engine InnoDB
_jp_wp_users: Data: 0.02MB + Index: 0.05MB + Engine InnoDB

### Post Type Counts ###

acf-field: 3
acf-field-group: 2
amp_validated_url: 85
attachment: 269
custom_css: 1
customize_changeset: 18
forminator_forms: 10
jetpack_migration: 2
jp_img_sitemap: 1
jp_pay_product: 1
jp_sitemap: 1
jp_sitemap_master: 1
nav_menu_item: 14
page: 34
portfolio: 3
post: 71
product: 6
product_variation: 18
pt_view: 3
revision: 867
shop_coupon: 1
shop_order: 43
um_directory: 3
um_form: 3
wp_block: 1
wpforms: 2
wppopups: 1

### Security ###

Secure connection (HTTPS): ?
Hide errors from visitors: ?

### Active Plugins (38) ###

Advanced Custom Fields: by Delicious Brains – 5.10.2
Akismet Anti-Spam: by Automattic – 4.1.12
CoBlocks: by GoDaddy – 2.16.0
Content Views: by Content Views – 2.4.0.2
Easy Add Thumbnail: by Samuel Aguilera – 1.1.3
ECPay Logistics for WooCommerce: by ECPay Green World FinTech Service Co.
Ltd. – 2.0.2107060

ECPay Payment for WooCommerce: by ECPay Green World FinTech Service Co.
Ltd. – 2.0.2106300

ExS Optimizations for Theme: by ExS – 0.0.1
ExS Widgets: by ExS – 0.3.0
Facebook Chat Plugin - Live Chat Plugin for WordPress: by Facebook – 2.2
Folders: by Premio – 2.7.1
Forminator: by WPMU DEV – 1.15.0.1
WordPress.com Editing Toolkit: by Automattic – 3.14278
Site Kit by Google: by Google – 1.40.0
Gutenberg: by Gutenberg Team – 11.3.0
Health Check & Troubleshooting: by The www.remarpro.com community – 1.4.5
Facebook Comments Notifier by Heateor: by Team Heateor – 1.1.9
Image Watermark: by dFactory – 1.6.6
Jetpack: by Automattic – 10.0
Kaya QR Code Generator: by Kaya Studio – 1.4.2
Layout Grid: by Automattic – 1.7
LINE Pay for WooCommerce: by Artisan Workshop – 1.1.1
Loco Translate: by Tim Whitlock – 2.5.3
One Click Demo Import: by OCDI – 3.0.2
Page Optimize: by Automattic – 0.5.1
Redirection: by John Godley – 5.1.3
Simply Schedule Appointments: by N Squared – 1.4.6.10
Super Socializer: by Team Heateor – 7.13.25
Ultimate Addons for Gutenberg: by Brainstorm Force – 1.24.2
Ultimate Member: by Ultimate Member – 2.2.4
Woo Donations: by Geek Code Lab – 2.1
Checkout Fields Manager for WooCommerce: by QuadLayers – 5.4.6
WooCommerce: by Automattic – 5.6.0
WordPress Importer: by wordpressdotorg – 0.7
WP Image Zoom: by SilkyPress – 1.47.1
WP Import Export Lite: by VJInfotech – 3.9.3
WP Mail SMTP: by WPForms – 3.0.3
WP Popups Lite: by timersys – 2.1.4.4

### Inactive Plugins (4) ###

AMP: by AMP Project Contributors – 2.1.4
Classic Editor: by WordPress Contributors – 1.6.2
Crowdsignal Forms: by Automattic – 1.5.7
Crowdsignal Polls & Ratings: by Automattic
Inc. – 3.0.0

### Dropin Plugins (2) ###

advanced-cache.php: advanced-cache.php
object-cache.php: Memcached

### Must Use Plugins (2) ###

Health Check Troubleshooting Mode: by  – 1.7.2
WP.com Site Helper: by  –

### Settings ###

API Enabled: –
Force SSL: –
Currency: TWD (NT$)
Currency Position: left
Thousand Separator: 
Decimal Separator: .
Number of Decimals: 0
Taxonomies: Product Types: external (external)
grouped (grouped)
simple (simple)
variable (variable)

Taxonomies: Product Visibility: exclude-from-catalog (exclude-from-catalog)
exclude-from-search (exclude-from-search)
featured (featured)
outofstock (outofstock)
rated-1 (rated-1)
rated-2 (rated-2)
rated-3 (rated-3)
rated-4 (rated-4)
rated-5 (rated-5)

Connected to WooCommerce.com: –

### WC Pages ###

Shop base: #4026 - /artshop/
Cart: #4010 - /cart/
Checkout: #4014 - /checkout/
My account: #4018 - /account-2/
Terms and conditions: #2087 - /tos/

### Theme ###

Name: ExS - Child theme
Version: 0.0.1
Author URL: https://exsthemewp.com/about/
Child Theme: ?
Parent Theme Name: ExS Pro
Parent Theme Version: 1.6.0
Parent Theme Author URL: https://exsthemewp.com/about/
WooCommerce Support: ?

### Templates ###

Overrides: –

### Action Scheduler ###

Complete: 294
Oldest: 2021-08-04 23:22:30 +0000
Newest: 2021-09-04 07:36:43 +0000

Pending: 1
Oldest: -0001-11-30 00:00:00 +0000
Newest: -0001-11-30 00:00:00 +0000

### Status report information ###

Generated at: 2021-09-05 07:16:17 +08:00

Hi @mubiesam,

Thanks for sharing your System Status.

Trying to get WC block “Products by Category”, but got Invalid parameter(s): attributes.

This kind of error is usually generated when there is a conflict with your theme or with another plugin. I’m more likely to think it’s one of the plugins that provides editing, customization, and site-building features like CoBlocks, WordPress.com Editing Toolkit, Gutenberg or others enabled on your site.

The best way to determine this is to:

• Temporarily switch your theme to Storefront
• Disable all plugins except for WooCommerce
• Repeat the action that is causing the problem

If you’re not seeing the same behavior after completing the conflict test, then you know the problem was with the plugins and/or theme you deactivated.

Reactivate the theme first and check again. Then, go on and reactivate your other plugins one by one, testing after each, until you find the one causing conflict.

You can find a more detailed explanation on how to do a conflict test here:

https://docs.woocommerce.com/document/how-to-test-for-conflicts/.

Please make sure you have a backup in place of your site and database. If something goes wrong, it’s nice to know that you can restore your site to the previous state.

Thanks!

Hi @rainfallnixfig

Thanks for your suggestion, found it is conflict with the theme we use…ExS.

Do you have any suggestion to the theme developer how to fix this error?

Best,

Hey @mubiesam,

That’s fantastic to hear you managed to track down the culprit as being the WordPress theme you’re using.

As we couldn’t offer any direct guidance on a third party theme we’d suggest reaching out to the developers of the WordPress theme you’re using to bring this to their attention. They should be able to investigate the code of their theme and apply a fix to resolve the issue it’s been causing.

We’ll also mark this forum topic as resolved – if you have any further questions, you can reopen it again in the future if you need be.

Hello!

I’m an author of the ExS theme.

We’re using a Gutenberg Hook:

...
hooks.addFilter('blocks.registerBlockType',
...

to extend any Gutenberg block so user could add an animation class for it.

But I found that products grid block attributes are hardcoded without any filter here:

wp-content/plugins/woocommerce/packages/woocommerce-blocks/src/BlockTypes/AbstractProductGrid.php

in the protected function get_block_type_attributes.

It would be great if developers could add a custom attributes with some filter for default block attributes.

I have found that ‘Error loading block: Invalid parameter(s) attributes‘ is a pretty common error with server side rendering blocks and it would be a great to find a global solution for this issue.

Best regards!

By the way, maybe this will help some one else.
Here is my fixed code with ugly additional IF statement to fix this issue:

hooks.addFilter(
  'blocks.registerBlockType',
  'exs/animation/animation-attributes',
  function(settings, name) {
    if(
      'woocommerce/product-category'===name
      ||
      'woocommerce/products-by-attribute'===name
      ||
      'woocommerce/product-categories'===name
      ||
      'woocommerce/product-tag'===name
      ||
      'woocommerce/product-top-rated'===name
      ||
      'woocommerce/product-on-sale'===name
      ||
      'woocommerce/product-new'===name
      ||
      'woocommerce/product-best-sellers'===name
      ||
      'woocommerce/handpicked-products'===name
    )

    {
      return settings;
    }

    //check if object exists for old Gutenberg version compatibility
    if(typeof settings.attributes !== 'undefined'){
      settings.attributes = lodash.assign( {}, settings.attributes, {
        animation: {
          type: 'string',
          default: '',
        }
      });
    }
    return settings;
  }
);

• This reply was modified 3 years, 2 months ago by exstheme.

Thanks to @exstheme for a very quick fix to solve the issue, it will be great for every parties involved to improve the best result for the community.

Thanks everybody.

Hello, @stuartduff

I don’t think that culprit is a right term for this situation because we use a standard documented Gutenberg feature to extend any block and your blocks does not support extending via ‘blocks.registerBlockType‘ filter, so the ExS theme just make your issue visible to us.

Many thanks for @mubiesam for his patience and bug reports.

Best regards!

Hi @exstheme and @mubiesam ??

Thanks for sharing this with us. I have gone ahead and reported the matter here: https://github.com/woocommerce/woocommerce-gutenberg-products-block/issues/4690

@exstheme Please feel free to add any comments to that report if needed ??

Hello, dear @joashrajin

I really did not expect for such attention from the Automattic team!
It is very nice to have such fast and good feedback to our issues.

P.S. You should ask for the free license for the ExS PRO theme for developer and debugging purposes. Please note me if it will be needed in the future.

Thank you and best regards!

UPDATE:
https://github.com/woocommerce/woocommerce-gutenberg-products-block/issues/4690#issuecomment-914377895

• This reply was modified 3 years, 2 months ago by exstheme.