首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何在“产品”页面的图像上添加包装器元素

如何在“产品”页面的图像上添加包装器元素
EN

WordPress Development用户
提问于 2020-07-27 16:24:33
回答 1查看 1.2K关注 0票数 0

我需要使用WooCommerce为产品列表页面上的图像添加一个包装器元素。

我正试图通过functions.php使用钩子来改变,但我不知道如何解决它

代码语言:javascript
运行
复制
remove_action( 'woocommerce_before_shop_loop_item_title', 'woocommerce_template_loop_product_thumbnail', 10);
add_action( 'woocommerce_before_shop_loop_item_title', 'woocommerce_template_loop_product_thumbnail', 10);


if ( ! function_exists( 'woocommerce_template_loop_product_thumbnail' ) ) {
    function woocommerce_template_loop_product_thumbnail() {
        echo wc_placeholder_img();
    }
}


    function wc_placeholder_img( $size = 'woocommerce_thumbnail', $attr = '' ) {
        $dimensions        = wc_get_image_size( $size );
        $placeholder_image = get_option( 'woocommerce_placeholder_image', 0 );
    
        $default_attr = array(
            'class' => 'woocommerce-placeholder wp-post-image',
            'alt'   => __( 'Placeholder', 'woocommerce' ),
        );
    
        $attr = wp_parse_args( $attr, $default_attr );
    
        if ( wp_attachment_is_image( $placeholder_image ) ) {
            $image_html = wp_get_attachment_image(
                $placeholder_image,
                $size,
                false,
                $attr
            );
        } else {
            $image      = wc_placeholder_img_src( $size );
            $hwstring   = image_hwstring( $dimensions['width'], $dimensions['height'] );
            $attributes = array();
    
            foreach ( $attr as $name => $value ) {
                $attribute[] = esc_attr( $name ) . '="' . esc_attr( $value ) . '"';
            }
    
            $image_html = '';
        }
    
        return apply_filters( 'woocommerce_placeholder_img', $image_html, $size, $dimensions );
    }
EN

回答 1

WordPress Development用户

发布于 2020-07-27 16:35:46

我想我解决了,比我想的要简单

代码语言:javascript
运行
复制
remove_action( 'woocommerce_before_shop_loop_item_title', 'woocommerce_template_loop_product_thumbnail', 10);
add_action( 'woocommerce_before_shop_loop_item_title', 'woocommerce_template_loop_product_thumbnail', 10);

/**
* WooCommerce Loop Product Thumbs
**/
if ( ! function_exists( 'woocommerce_template_loop_product_thumbnail' ) ) {
    function woocommerce_template_loop_product_thumbnail() {
        echo "";
        echo woocommerce_get_product_thumbnail();
        echo "";
    }
}
票数 1
EN
页面原文内容由WordPress Development提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://wordpress.stackexchange.com/questions/371871

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档