将图像页面横幅添加到商店页面

时间:2018-05-28 11:06:16

标签: php wordpress woocommerce

我正在使用WordPress 4.9.6。

我已将商店页面设为主页。

如何向商店页面添加页面横幅。我想将它添加到痕迹路径上方。

我尝试将此添加到以下页面archive-product.php

if (is_shop()) {
        $args = array('taxonomy' => 'product_cat');
        $product_categories = get_categories( $args  );
        $term_id = $product_categories[0]->term_id;  
        $content = get_term_meta($term_id, 'cat_meta');
        if(isset($content[0]['cat_header'])){
            echo do_shortcode($content[0]['cat_header']);
        }
}

很遗憾,无法向页面添加任何图片。

2 个答案:

答案 0 :(得分:2)

您可以使用2种方法。

1)直接在 archive-product.php 的开头添加静态图像  echo "<img src='{YOUR_IMAGE_PATH}'>";

2)在主题的functions.php文件中添加过滤器。

 add_action ('woocommerce_archive_description' , 'shop_banner',99);
 function shop_banner() {
   echo  '<img src="{YOUR_IMAGE_PATH}" >';
  }

答案 1 :(得分:1)

我不确定我是否理解你想要的东西。但到目前为止,这是我所理解的。

如果您想在商店页面中的面包屑上方显示静态图片横幅。 您可以使用woocommerce_before_main_content操作。

function BannerShop(){

  if(is_shop()){
    echo '<img src="https://localhost/demosite/wp-content/uploads/2015/06/512x356.png" >';
  }
}
add_action( 'woocommerce_before_main_content', 'BannerShop', 10 );

这里我展示了之前和之后。顺便说一下,我不知道您使用的是什么主题,因此它可能会显示不同。

https://i.stack.imgur.com/Mv2YK.jpg

https://i.stack.imgur.com/nTfCa.jpg之后