Huan

Thank you Nick. Block variations and filters sound fantastic until I realize they are indiscriminate. I hope they can be applied based on namespace, or ancestor/parent property.

In terms of inner blocks, allowedBlocks should be passed to all descendants and descendants should be able to override allowedBlocks. To my fuzzy knowledge, someone opened a related issue in Github?

Thanks Tobias, finally I got it right by wrapping TP block with a Group block, turning off Group block’s “Inner blocks use content width”, and setting alignment for Group block.

Users (like me) may attempt to set alignment for TP block, which doesn’t work. Thank you again and hopefully there will be no Group block workaround in the future.

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

Thanks for your test page. It helped me locate the problem. Your Group block output different classes than mine.

Your Group block:

<div class="wp-block-group alignwide is-layout-flow wp-block-group-is-layout-flow">

<!-- TP block -->

<div id="tablepress-1_wrapper" class="dataTables_wrapper">

<!-- the rest of TP -->

</div>

</div>

My Group block:

<div class="wp-block-group alignwide has-global-padding is-layout-constrained wp-block-group-is-layout-constrained">
    <!-- TP block -->
	<div id="tablepress-1_wrapper" class="dataTables_wrapper">
        <!-- the rest of TP -->
    </div>

</div>

Therefore my .dataTables_wrapper is impacted by .is-layout-constrained , whereas its sibling is not (I put many WP core blocks right next to WP block, in the same Group block, for comparison):

body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
    max-width: var(--wp--style--global--content-size);
    margin-left: auto !important;
    margin-right: auto !important;
}

Other WP core blocks comply with Group block’s alignment settings, whereas TP block doesn’t!

Regarding horizontal scrolling, I changed to a different computer and I can see that overflow-x:auto; effect, whereas on my original computer it didn’t appear across my 3 browsers. I haven’t restarted the original computer for a while due to so many tabs are in use. My fault!

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

When I deactivated the plugin, the feedback field limits user’s input to one or two sentences. You don’t get detailed feedback from one or two sentences…

BTW, here is possible combo:

• FluentForms (Pro?)
• FluentSMTP
• FluentCRM (Pro?)
• Amazon SES

Can this combo make a newsletter signup popup form? It’s kind of too much setup and cost…

HubSpot, MailPoet are also candidates.

Thank you @carolm29. The Github doc is helpful, which Google never show if not including “github” in search query 🤔

Searching Github with “repo:woocommerce/woocommerce-blocks variations” doesn’t show anything other than product variations.

I’d like to know if block variations are possible in Woo?

• This reply was modified 2 years, 5 months ago by Huan.

Thank you @sandipmondal. Product Image Gallery block can have a ‘No thumbnail’ layout option as demonstrated by LV (desktop & mobile):

https://eu.louisvuitton.com/eng-e1/products/venus-monogram-nvprod4810078v/M82993

Another thing:

I found Related Products block doesn’t display Linked Products (Upsells and Cross-sells). But, I can use Product Collection (beta) block to display Hand-picked products, which can do what Related Products block is supposed to do.

Product Collection (beta) block is powerful, and Related Products block doesn’t display Linked Products. Should I use Product Collection (beta) block to replace most other query-loop-ish blocks?

Thanks!

• This reply was modified 2 years, 6 months ago by Huan.

This PHP+CSS combination seems to work:

function wc_remove_image_effect_support() {
	remove_theme_support( 'wc-product-gallery-zoom' );
	remove_theme_support( 'wc-product-gallery-lightbox' );
}
add_action( 'wp', 'wc_remove_image_effect_support', 99 );

.woocommerce .woocommerce-product-gallery__image {
    pointer-events: none;
}

Any improvement idea is appreciated.