在代码中而不是通过后端渲染 WooCommerce 块“产品过滤器 - 属性”答案

【问题标题】：Render WooCommerce Block 'Product Filter – Attributes' in code rather than via backend在代码中而不是通过后端渲染 WooCommerce 块“产品过滤器 - 属性”
【发布时间】：2021-10-21 00:12:12
【问题描述】：

WooCommerce 提供 Gutenberg 块“产品过滤器 - 属性”，您可以将其添加到侧边栏或页脚小部件或基本上任何地方，您可以在其中添加 Gutenberg 块。

但是，我需要在被覆盖的 woocommerce 模板“archive-product.php”中的一个非常特定的位置呈现这个块。

有谁知道，如何才能完全在代码中呈现古腾堡块？

然后我仍然需要告诉块，它应该为哪些属性提供过滤器。在后端，您只需选择要过滤的全局 woocommerce 属性。我需要在代码中完成所有这些工作。

谢谢你，祝你有美好的一天

【问题讨论】：

标签： php wordpress woocommerce wordpress-gutenberg

【解决方案1】：

块内容（包括 woocommerce 块）可以通过 do_blocks() 函数在模板中呈现。

生成块代码最简单的方法是新建一个帖子/页面，插入你想要的块，根据需要配置属性/设置，然后从可视化编辑器切换到代码编辑器（快捷方式：Ctrl+Shift+Alt+M）获取所需的代码。

以下是用于插入模板文件的“您的属性”的属性过滤器块示例：

<?php 
    echo do_blocks('<!-- wp:woocommerce/attribute-filter {"attributeId":1,"heading":"Filter by your-attribute"} -->
        <div class="wp-block-woocommerce-attribute-filter is-loading" data-attribute-id="1" data-show-counts="true" data-query-type="or" data-heading="Filter by your-attribute" data-heading-level="3"><span aria-hidden="true" class="wc-block-product-attribute-filter__placeholder"></span></div>
        <!-- /wp:woocommerce/attribute-filter -->'
    );
?>

注意。 为了使块正确呈现，woocommerce 或自定义 JS 和 CSS 也需要排队..

【讨论】：