个性化阅读
专注于IT技术分析

如何添加一个始终在woocommerce网格中的每个产品上徘徊的小logo?

我是Woocommerce和Wordpress的新手, 我试图为网格中的每个不同产品添加不同的公司徽标, 但我无法做到这一点, 我也试图找到与之相关的任何插件, 但没有发现任何问题。请朋友, 如果你知道怎么做, 请告诉我。

以下是我想要获得但无法获得的图像:

点击这里查看图片


#1


首先下载acf插件, 然后仅为wooCommerce产品创建图像字段, 为产品创建图像字段后, 尝试在function.php文件中插入” woocommerce_after_shop_loop_item_title”钩子, 你可以通过ACF的” get_field”功能回显acf的图像字段。 “这里是链接:—- https://www.advancedcustomfields.com/resources/image/”。

        <?php 
    // define the woocommerce_after_shop_loop_item_title callback 
       function action_woocommerce_after_shop_loop_item_title(  ) { 
    // make action magic happen here... 
        $image = get_field('image'); // ACF field name/slug.
            if( !empty($image) ){
        ?>
                <img src="<?php echo $image['url']; ?>" alt="<?php echo $image['alt']; ?>" />
        <?php
            }

            }; 

    // add the action 
        add_action( 'woocommerce_after_shop_loop_item_title', 'action_woocommerce_after_shop_loop_item_title', 10, 0 ); 
    ?>

这将在产品上显示图像, 然后在主题style.css中对其进行一些样式化

如果上述钩子不起作用, 请尝试使用该钩子” woocommerce_after_shop_loop_item”,

赞(0)
未经允许不得转载:srcmini » 如何添加一个始终在woocommerce网格中的每个产品上徘徊的小logo?

评论 抢沙发

评论前必须登录!