在Woocommerce中将常用徽标添加到产品标题中

时间:2014-01-03 05:32:35

标签: wordpress woocommerce

查看单个产品时,会显示标题,产品说明等。

所以我要做的是,为woocommerce_page_title实现一个钩子(从here得到它),这样我就可以在该文本中添加徽标的html代码。 / p>

但似乎没有用。我试过的代码如下:

add_filter('woocommerce_page_title',
'isa_product_title_heading');

function isa_product_title_heading($content) {
    $abctemp = '<img src="'.home_url('/wp-content/uploads/2013/12/mysite_logo.400_jpg.jpg').'" />' . $content;
    //echo $abctemp; die;
    return __($abctemp, 'woocommerce');
}

enter image description here

在此图中,黄色部分是我试图插入徽标的位置。

1 个答案:

答案 0 :(得分:0)

您可以直接或使用wordpress hooks将任何图像或文本添加到模板中。

  1. 模板方式: 在wordpress模板foler中创建此文件结构:

    |
    L templatename
      L woocommerce
        L single-product
          L title.php
    
  2. 将此代码插入title.php:

    <?php
    /**
     * Single Product title
     */
    
    if ( ! defined( 'ABSPATH' ) ) exit; // Exit if accessed directly
    
    ?>
    <h1 itemprop="name" class="product_title entry-title">
        <img src="your_image.jpg">
        <?php the_title(); ?>
    </h1>
    

    2.第二种方法是在functions.php或插件中的某处使用此代码示例

        remove_action('woocommerce_single_product_summary', 'woocommerce_template_single_title', 5);
        add_action('woocommerce_single_product_summary', 'custom_template_single_title', 5);
        function custom_template_single_title() {
            global $product;
            echo '<h1 itemprop="name" class="product_title entry-title">'
                 . '<img src="your_image.jpg">' 
                 . $product->get_title() 
                 . '</h1>';
        }
    

    我建议使用第一种方式。但是,如果您正在开发插件,当然,您不应该编辑模板