石家庄wordpress建站教程之woocommerce中产品列表删除不需要的图片等信息

正如您从下面的屏幕截图中看到的那样,实际上,您已经可以从“阻止”设置中删除带有星号的信息。因此,在本文中,我们将了解如何在您不想要的情况下删除其余部分:永久链接、图片、销售徽章:

WooCommerce 核心(源代码)

这是负责输出产品网格(“畅销产品”、“最新产品”、“特价产品”、“评分最高的产品”、“按类别分类的产品”)块的函数:

protected function render_product( $product ) {
   $data = (object) array(
      ‘permalink’ => esc_url( $product->get_permalink() ),
      ‘image’     => $this->get_image_html( $product ),
      ‘title’     => $this->get_title_html( $product ),
      ‘rating’    => $this->get_rating_html( $product ),
      ‘price’     => $this->get_price_html( $product ),
      ‘badge’     => $this->get_sale_badge_html( $product ),
      ‘button’    => $this->get_button_html( $product ),
   );
   return apply_filters(
      ‘woocommerce_blocks_product_grid_item_html’,
      “<li class=\”wc-block-grid__product\”>
         <a href=\”{$data->permalink}\” class=\”wc-block-grid__product-link\”>
            {$data->image}
            {$data->title}
         </a>
         {$data->badge}
         {$data->price}
         {$data->rating}
         {$data->button}
      </li>”,
      $data,
      $product
   );
}

如您所见,如果我们希望覆盖 HTML 结果,可以使用一个方便的过滤器钩子( woocommerce_blocks_product_grid_item_html )。

我们可以删除(就像在本教程中一样)、重新排序(敬请期待)甚至添加自定义信息,例如自定义字段或 HTML(敬请期待)到项目块。以下是一些“删除”示例。

PHP Snippet:从 WooCommerce 产品网格块中删除图像

提示:要删除产品图像,只需通过 add_filter() 调用我们提到的过滤器挂钩并从代码中删除“{$data->image}”!

/**
 * @snippet       Hide Item Image – WooCommerce Product Grid Blocks
 * @how-to        Get CustomizeWoo.com FREE
 * @author        Rodolfo Melogli
 * @compatible    WooCommerce 5
 * @donate $9     https://businessbloomer.com/bloomer-armada/
 */
add_filter( ‘woocommerce_blocks_product_grid_item_html’, ‘bbloomer_remove_product_grid_block_inmage’, 9999, 3 );
function bbloomer_remove_product_grid_block_image( $html, $data, $product ) {
   return “<li class=\”wc-block-grid__product\”>
            <a href=\”{$data->permalink}\” class=\”wc-block-grid__product-link\”>
               {$data->title}
            </a>
            {$data->badge}
            {$data->price}
            {$data->rating}
            {$data->button}
         </li>”;
}

PHP 片段:从 WooCommerce 产品网格块中删除销售徽章

提示:要删除产品销售徽章,只需通过 add_filter() 调用我们提到的过滤器挂钩并从代码中删除“{$data->badge}”!

/**
 * @snippet       Hide Item Image – WooCommerce Product Grid Blocks
 * @how-to        Get CustomizeWoo.com FREE
 * @author        Rodolfo Melogli
 * @compatible    WooCommerce 5
 * @donate $9     https://businessbloomer.com/bloomer-armada/
 */
add_filter( ‘woocommerce_blocks_product_grid_item_html’, ‘bbloomer_remove_product_grid_block_badge’, 9999, 3 );
function bbloomer_remove_product_grid_block_badge( $html, $data, $product ) {
   return “<li class=\”wc-block-grid__product\”>
            <a href=\”{$data->permalink}\” class=\”wc-block-grid__product-link\”>
               {$data->image}
               {$data->title}
            </a>
            {$data->price}
            {$data->rating}
            {$data->button}
         </li>”;
}

PHP 片段:从 WooCommerce 产品网格块中删除永久链接

提示:要删除产品永久链接,只需通过 add_filter() 调用我们提到的过滤器挂钩并从代码中删除 a href 标记!

/**
 * @snippet       Remove Item Permalink – WooCommerce Product Grid Blocks
 * @how-to        Get CustomizeWoo.com FREE
 * @author        Rodolfo Melogli
 * @compatible    WooCommerce 5
 * @donate $9     https://businessbloomer.com/bloomer-armada/
 */
add_filter( ‘woocommerce_blocks_product_grid_item_html’, ‘bbloomer_remove_product_grid_block_permalink’, 9999, 3 );
function bbloomer_remove_product_grid_block_permalink( $html, $data, $product ) {
   return “<li class=\”wc-block-grid__product\”>
            {$data->image}
            {$data->title}
            {$data->badge}
            {$data->price}
            {$data->rating}
            {$data->button}
         </li>”;
}
常见问题
所有的素材与插件都可以用吗?
本站所有的素材与插件(包括免费的),都是本工作室用过的,测试过的,或者二开修改过的,理论上来说没有什么bug,但不保证在所有环境下都可以完美运行。
收费素材与免费素材怎么定义的
本站收费的素材,也是及其便宜的,其实就是收个打赏钱,是工作室对这些插件的测试,整理,修复,优化的辛苦钱,并非开发插件的费用,原创插件或者模版收费稍贵一些。
出现问题了怎么办?
由于收费非常低,大部分都不超10元,所以并不提供售后服务,但您如果需要,可以联系我付费咨询,费用为50元/次/小时。如果是原创模版或者插件,可以免费为您指导。
原文链接:https://www.52gys.cn/4824.html,转载请注明出处。
0

评论0

没有账号?注册  忘记密码?