首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >将图像页面横幅添加到商店页面

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

Stack Overflow用户
提问于 2018-05-28 19:06:16
回答 2查看 1.5K关注 0票数 1

我使用的是WordPress 4.9.6。

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

如何将页面横幅添加到商店页面。我想将其添加到面包屑轨迹的上方。

我已经尝试将其添加到以下页面archive-product.php中

代码语言:javascript
复制
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']);
        }
}

不幸的是,无法向页面添加任何图像。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2018-05-29 14:07:14

您可以使用两种方法来实现。

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

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

代码语言:javascript
复制
 add_action ('woocommerce_archive_description' , 'shop_banner',99);
 function shop_banner() {
   echo  '<img src="{YOUR_IMAGE_PATH}" >';
  }
票数 2
EN

Stack Overflow用户

发布于 2018-05-29 06:06:52

我不太确定我是否完全明白你想要什么。但这就是我到目前为止所理解的。

如果您要在您的商店页面中的面包屑上方显示静态图像横幅,请执行以下操作。您可以使用woocommerce_before_main_content操作。

代码语言:javascript
复制
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之后

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/50564957

复制
相关文章

相似问题

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