如何编辑 woocommerce 块的布局？

Question

由于 woocommerce 使用的是古腾堡块，我不知道如何在前端编辑布局，例如删除图像并将标题包装在 h2 中？

模板功能似乎只适用于他们的自定义字段，而不适用于使用 js 呈现的块 - https://docs.woocommerce.com/document/woocommerce-theme-developer-handbook/

我知道我可以用 css 捏造一些东西，但它想解决所有布局问题。

谢谢。

Woocommerce blocks Front end of website

Answer 1

尝试使用render_block 过滤器，您可以在homonym function 中找到：

add_filter( 'render_block', 'so59123547_render_block_filter', 10, 2 );

function so59123547_render_block_filter( $block_content, $block ) {
    if( $block['blockName'] === 'woocommerce/NAME-OF-THE-BLOCK' ) {
        // do what you want
    }
    return $block_content;
}