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

Question

I am using WordPress 4.9.6.

I have set the shop page to be the home-page.

How do I add a page banner to the shop page. I would like to add it just above the breadcrumb trail.

I have tried adding this to the following page 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']);
        }
}

Unfortunately, not able to add any image to the page.

Answer 1

You can achieve using 2 methods.

1) Add your static image directly at the beginning of archive-product.php echo "<img src='{YOUR_IMAGE_PATH}'>";

2) Add filter in your theme's functions.php file.

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