WP BackOffice

Place a custom banner and link at the top of your product category pages. Easily update the image through your product category edit page.
Features:
<ul>
<li>No configuration needed, just install and start using</li>
<li>Supports an image for each category</li>
<li>Custom product category positions with a template tag for including the image in a custom area in your custom product category template.</li>
<li>Support a link for each category / banner image</li>
</ul>
Getting Started:
<ol>
<li>From the sidebar click ‘Products’ -> ‘Categories’</li>
<li>Select an individual category from your list</li>
<li>Paste the url of the banner you’d like to use into the “Banner Image Url” field</li>
<li>That’s it, your banner should now be displaying on your category archive page.</li>
<li>Remove image by deleting the url from the edit category page.</li>
</ol>
You can hide the automatic image placement by unchecking “Automatically insert banner above main content”
You can then place the template tag wcb_show_category_banner() in your custom category template to customize the position of the image in your markup. Note – this tag must be placed on category templates – not product templates.
<a href="http://wpbackoffice.com/plugins/woocommerce-category-banner/" rel="nofollow ugc">Plugin’s Official Documentation and Support Page</a>

WooCommerce Category Banner

Not working. Replacing original "Category Thumbnail"
I can't get "two" diffrent images, it simply replaces the main or "original" thumnail category image. Uninstalling. Thanks anyway.



Not working. Replacing original "Category Thumbnail"

how to add banner slider  in woocommerce category pages



dd banner slider  in woocommerce category

Place a custom banner and link at the top of your product category pages. Easily update the image through your product category edit page.

WOWSlider.com

<a href="http://wowslider.com/" rel="nofollow ugc">WOW Slider</a> is a WordPress slider with stunning visual effects and tons of professionally made templates. 
WOW Slider is packed with a point-and-click wizard to create fantastic image sliders in a matter of seconds without 
coding and image editing. 
Responsive, fully accessible as a pure CSS slider if the Javascript is turned off, touch swipe support, 
all browsers, all devices, search engine friendly, clean and valid markup.
Live Demos:
<ul>
<li><a href="http://wowslider.com/image-slider-jquery-epsilon-collage-demo.html" title="Image Slider Jquery - Epsilon Template Demo with Collage effect" rel="nofollow ugc">Image Slider Jquery – Epsilon Template Demo – Collage effect</a> </li>
<li><a href="http://wowslider.com/wordpress-slideshow-galaxy-turn-demo.html" title="Wordpress Slideshow - Galaxy Template Demo with Turn effect" rel="nofollow ugc">WordPress Slideshow – Galaxy Template Demo – Turn effect</a> </li>
<li><a href="http://wowslider.com/angular-slider-collage-demo.html" title="Angular Slider - Angular Template Demo with Collage effect" rel="nofollow ugc">Angular Slider – Angular Template Demo – Collage effect</a> </li>
<li><a href="http://wowslider.com/bootstrap-carousel-example-shift-demo.html" title="Bootstrap Carousel Example - Bootstrap Template Demo with Shift effect" rel="nofollow ugc">Bootstrap Carousel Example – Bootstrap Shift Demo – Blinds effect</a> </li>
<li><a href="http://wowslider.com/slider-js-utter-blinds-demo.html" title="Slider Js - Utter Template Demo with Blinds effect" rel="nofollow ugc">Slider Js – Utter Template Demo – Blinds effect</a> </li>
<li><a href="http://wowslider.com/jquery-content-slider-stream-fly-demo.html" title="Jquery Content Slider - Stream Template Demo with Fly effect" rel="nofollow ugc">Jquery Content Slider – Stream Template Demo – Fly effect</a> </li>
<li><a href="http://wowslider.com/carousel-jquery-boundary-blur-demo.html" title="Jquery Image Gallery - Dodgy Template Demo with Carousel Basic effect" rel="nofollow ugc">Jquery Image Gallery – Dodgy Template Demo – Carousel Basic effect</a> </li>
<li><a href="http://wowslider.com/carousel-jquery-boundary-blur-demo.html" title="Carousel Jquery - Boundary Template Demo with Blur effect" rel="nofollow ugc">Carousel Jquery – Boundary Template Demo – Blur effect</a> </li>
<li><a href="http://wowslider.com/wordpress-slider-rhomb-cube-over-demo.html" title="Wordpress Slider - Rhomb Template Demo with Cube Over effect" rel="nofollow ugc">WordPress Slider – Rhomb Template Demo – Cube Over effect</a> </li>
<li><a href="http://wowslider.com/image-slider-zippy-louvers-demo.html" title="Image Slider - Zippy Template Demo with Louvers effect" rel="nofollow ugc">Image Slider – Zippy Template Demo – Louvers effect</a> </li>
<li><a href="http://wowslider.com/carousel-bootstrap-tv-demo.html" title="Carousel Bootstrap - Bootstrap Template Demo with TV effect" rel="nofollow ugc">Carousel Bootstrap – Bootstrap Template Demo – TV effect</a> </li>
<li><a href="http://wowslider.com/responsive-slider-convex-basic-demo.html" title="Responsive Slider - Convex Template Demo with Basic effect" rel="nofollow ugc">Responsive Slider – Convex Template Demo – Basic effect</a> </li>
<li><a href="http://wowslider.com/jquery-image-slider-fill-basic-demo.html" title="Jquery Image Slider - Fill Template Demo with Basic effect" rel="nofollow ugc">Jquery Image Slider – Fill Template Demo – Basic effect</a> </li>
<li><a href="http://wowslider.com/content-slider-material-collage-demo.html" title="Content Slider - Material Template Demo with Collage effect" rel="nofollow ugc">Content Slider – Material Template Demo – Collage effect</a> </li>
<li><a href="http://wowslider.com/bootstrap-slider-baisc-linear-demo.html" title="Bootstrap Slider - Bootstrap Template Demo with Basic Linear effect" rel="nofollow ugc">Bootstrap Slider – Bootstrap Template Demo – Basic Linear effect</a> </li>
<li><a href="http://wowslider.com/wordpress-slider-plugin-absent-cube-demo.html" title="Wordpress Slider Plugin - Absent Template Example with Cube effect" rel="nofollow ugc">WordPress Slider Plugin – Absent Template Example – Cube effect</a> </li>
<li><a href="http://wowslider.com/bootstrap-carousel-demo.html" title="HTML5 Slider - Bootstrap Template Example with Carousel effect" rel="nofollow ugc">HTML5 Slider – Bootstrap Template Example – Carousel effect</a> </li>
<li><a href="http://wowslider.com/full-screen-slider-slim-lines-demo.html" title="JQuery Slider - Slim Template Example with Lines effect" rel="nofollow ugc">JQuery Slider – Slim Template Example – Lines effect</a> </li>
<li><a href="http://wowslider.com/full-width-slider-cursive-collage-demo.html" title="Carousel Slider - Cursive Template Demo with Collage effect" rel="nofollow ugc">Carousel Slider – Cursive Template Demo – Collage effect</a> </li>
<li><a href="http://wowslider.com/carousel-slider-showy-carousel-demo.html" title="Carousel Slider - Showy Template Demo with Carousel effect" rel="nofollow ugc">Carousel Slider – Showy Template Demo – Carousel effect</a></li>
<li><a href="http://wowslider.com/image-carousel-book-dribbles-demo.html" title="Javascript Carousel - Book Template Example with Dribbles effect" rel="nofollow ugc">Javascript Carousel – Book Template Example – Dribbles effect</a></li>
<li><a href="http://wowslider.com/css3-slider-easy-bubbless-demo.html" title="CSS Image Slider - Easy Template Example with Bubbles effect" rel="nofollow ugc">CSS Image Slider – Easy Template Example – Bubbles effect</a></li>
<li><a href="http://wowslider.com/slider-html-twist-glass-parallax-demo.html" title="Wordpress Slider - Twist Template Example with Glass Parallax effect" rel="nofollow ugc">WordPress Slider – Twist Template Example – Glass Parallax effect</a></li>
<li><a href="http://wowslider.com/jquery-carousel-animated-parallax-demo.html" title="Jquery Carousel - Animated Template Demo with Parallax effect" rel="nofollow ugc">Jquery Carousel – Animated Template Demo – Parallax effect</a></li>
<li><a href="http://wowslider.com/jquery-3d-slider-transparent-brick-demo.html" title="3D HTML5 Slider - Transparent Skin Slider Demo - Brick effect" rel="nofollow ugc">3D HTML5 Slider – Transparent Skin Slider Demo – Brick effect</a></li>
<li><a href="http://wowslider.com/javascript-image-slider-contour-cube-demo.html" title="Javascript Image Slider - Contour Template Demo with Cube effect" rel="nofollow ugc">Contour Template Demo with Cube effect</a></li>
<li><a href="http://wowslider.com/html5-gallery-puzzle-collage-demo.html" title="HTML5 Gallery - Puzzle Template Demo with Collage effect" rel="nofollow ugc">Puzzle Template Demo Collage effect</a></li>
<li><a href="http://wowslider.com/javascript-gallery-megalopolis-slices-demo.html" title="Javascript Gallery - Megalopolis Template Demo with Slices effect" rel="nofollow ugc">Javascript Gallery – Megalopolis Template</a></li>
<li><a href="http://wowslider.com/simple-jquery-slider-gentle-linear-demo.html" title="Simple jQuery Slider - Gentle Template Demo with Basic linear effect" rel="nofollow ugc">Gentle & Basic linear simple jQuery slider</a></li>
<li><a href="http://wowslider.com/slideshow-javascript-easy-page-demo.html" title="Slideshow javascript - Easy Template Demo with Page effect" rel="nofollow ugc">Easy & Page gallery</a></li>
<li><a href="http://wowslider.com/gallery-jquery-tick-book-demo.html" title="Gallery jQuery - Tick Template Demo with Book effect" rel="nofollow ugc">Tick & Book gallery</a></li>
<li><a href="http://wowslider.com/css-gallery-galaxy-collage-demo.html" title="CSS Gallery - Galaxy Template Demo with Collage effect" rel="nofollow ugc">Galaxy & Collage gallery</a></li>
<li><a href="http://wowslider.com/jquery-photo-gallery-strict-photo-demo.html" title="jQuery Photo Gallery - Strict Template Demo with Photo effect" rel="nofollow ugc">Strict & Photo gallery</a></li>
<li><a href="http://wowslider.com/wordpress-gallery-plugin-grafito-seven-demo.html" title="Wordpress Gallery Plugin - Grafito Template Demo with Seven effect" rel="nofollow ugc">Grafito & Seven Slider wordpress gallery plugin</a></li>
<li><a href="http://wowslider.com/slider-javascript-emerald-photo-demo.html" title="Slider javascript - Emerald Template Demo with Page effect" rel="nofollow ugc">Emerald & Page Slider javascript</a></li>
<li><a href="http://www.wowslider.com/responsive-image-gallery-glass-collage.html" title="Responsive Image Gallery - Glass Template Demo with Collage effect" rel="nofollow ugc">Glass & Collage Responsive Image Gallery</a></li>
<li><a href="http://www.wowslider.com/slideshow-creator-turquoise-stack-v-demo.html" title="Slideshow creator - Turquoise Template Demo with Stack Vertical effect" rel="nofollow ugc">Turquoise & Stack Vertical Slideshow creator</a></li>
<li><a href="http://www.wowslider.com/image-gallery-simple-basic-demo.html" title="Image gallery - Simple Template Demo with Basic effect" rel="nofollow ugc">Simple & Basic Image gallery</a></li>
<li><a href="http://wowslider.com/slideshow-html-shuffle-rotate-demo.html" title="Slideshow HTML - Shuffle Template Rotate effect" rel="nofollow ugc">Shuffle & Rotate Slideshow HTML</a></li>
<li><a href="http://wowslider.com/slideshow-software-zoom-domino-demo.html" title="Slideshow software - Zoom Template Domino effect" rel="nofollow ugc">Zoom & Domino Slideshow software</a></li>
<li><a href="http://wowslider.com/wordpress-gallery-sky-blur-demo.html" title="Wordpress gallery - Sky Template Blur effect" rel="nofollow ugc">Sky & Blur WordPress gallery </a></li>
<li><a href="http://wowslider.com/slideshow-jquery-salient-squares-demo.html" title="Slideshow jQuery - Salient Template Squares effect" rel="nofollow ugc">Salient & Squares Slideshow jQuery </a></li>
<li><a href="http://www.wowslider.com/jquery-gallery-dot-seven-demo.html" title="jQuery gallery - Dot Template Seven effect" rel="nofollow ugc">Dot & Seven jQuery gallery</a></li>
<li><a href="http://wowslider.com/css3-image-slider-book-demo.html" title="CSS3 Image Slider - Book Template Book effect" rel="nofollow ugc">Book CSS3 Image Slider</a></li>
<li><a href="http://wowslider.com/html5-image-slider-box-stack-v-demo.html" title="HTML5 Image Slider - Box Template Stack Vertical effect" rel="nofollow ugc">Box Stack HTML5 Image Slider</a></li>
<li><a href="http://wowslider.com/css3-slideshow-pure-domino.html" title="CSS3 Slideshow - Pure Template Domino effect" rel="nofollow ugc">Pure Domino CSS3 Slideshow</a></li>
<li><a href="http://www.wowslider.com/3d-slider-jquery-fresh-cube-demo.html" title="3D Slider jQuery - Fresh Template Cube effect" rel="nofollow ugc">Fresh Cube 3D Slider jQuery</a></li>
<li><a href="http://www.wowslider.com/javascript-slider-ionosphere-stack-demo.html" title="Javascript Slider - Ionosphere Template Stack effect" rel="nofollow ugc">Ionosphere Stack Javascript Slider</a></li>
<li><a href="http://www.wowslider.com/html5-slideshow-luxury-slices-demo.html" title="HTML5 Slideshow - Luxury Template Slices effect" rel="nofollow ugc">Luxury Slices HTML5 Slideshow</a></li>
<li><a href="http://www.wowslider.com/html5-slider-sunny-fade-demo.html" title="HTML5 Slider - Sunny Template Fade effect" rel="nofollow ugc">Sunny Fade HTML5 Slider</a></li>
<li><a href="http://www.wowslider.com/js-image-slider-premium-page-demo.html" title="JS Image Slider - Premium Template Page effect" rel="nofollow ugc">Premium Page JS Image Slider</a></li>
<li><a href="http://wowslider.com/responsive-slideshow-chess-blinds-demo.html" title="Responsive slideshow - Chess Template Blinds effect" rel="nofollow ugc">Chess Blinds Responsive slideshow</a></li>
<li><a href="http://www.wowslider.com/css3-slider-gothic-domino-demo.html" title="CSS3 Slider - Gothic Template Domino effect" rel="nofollow ugc">Gothic Domino CSS3 Slider</a></li>
<li><a href="http://wowslider.com/photo-slideshow-metro-rotate-demo.html" title="Photo slideshow - Metro Template Rotate effect" rel="nofollow ugc">Metro Rotate Photo slideshow</a></li>
<li><a href="http://www.wowslider.com/slider-jquery-elegant-linear-demo.html" title="Slider jQuery - Elegant Template Basic linear effect" rel="nofollow ugc">Elegant Basic linear Slider jQuery </a></li>
<li><a href="http://www.wowslider.com/banner-maker-geometric-kenburns-demo.html" title="Banner maker - Geometric Template Ken Burns effect" rel="nofollow ugc">Geometric Ken Burns Banner maker</a></li>
<li><a href="http://www.wowslider.com/slideshow-maker-software-surface-blur-demo.html" title="Slideshow Maker Software - Surface Template Blur effect" rel="nofollow ugc">Surface Blur Slideshow Maker Software</a></li>
<li><a href="http://www.wowslider.com/jquery-carousel-vernisage-stack-v-demo.html" title="jQuery Carousel - Vernisage Template Stack vertical effect" rel="nofollow ugc">Vernisage Stack Vertical jQuery Carousel </a></li>
<li><a href="http://wowslider.com/css-slideshow-plastic-squares.html" title="CSS Slideshow - Plastic Template Squares effect" rel="nofollow ugc">Plastic Squares CSS Slideshow</a></li>
<li><a href="http://www.wowslider.com/jquery-slideshow-flat-slices.html" title="jQuery Slideshow - Flat Template Slices effect" rel="nofollow ugc">Flat Slices jQuery Slideshow</a></li>
<li><a href="http://wowslider.com/css-slideshow-studio-fade.html" title="CSS Slideshow - Studio Template Fade effect" rel="nofollow ugc">Studio Fade CSS Slideshow</a></li>
<li><a href="http://wowslider.com/css-image-gallery-push-stack.html" title="CSS Image Gallery - Push Template Stack effect" rel="nofollow ugc">Push Stack CSS Image Gallery</a></li>
<li><a href="http://wowslider.com/online-photo-slideshow-balance-blast.html" title="Online Photo Slideshow - Balance Template Blast effect" rel="nofollow ugc">Balance Blast Online Photo Slideshow</a></li>
<li><a href="http://www.wowslider.com/photo-slider-cloud-fly.html" title="Photo Slider - Cloud Template Fly effect" rel="nofollow ugc">Cloud Fly Photo Slider</a></li>
<li><a href="http://www.wowslider.com/online-photo-gallery-drive-rotate.html" title="Online Photo Gallery - Drive Template Rotate effect" rel="nofollow ugc">Drive Rotate Online Photo Gallery</a></li>
<li><a href="http://wowslider.com/web-photo-gallery-subway-basic.html" title="Web Photo Gallery - Subway Template Basic effect" rel="nofollow ugc">Subway Basic Web Photo Gallery</a></li>
<li><a href="http://wowslider.com/html-slideshow-silence-blur-demo.html" title="HTML slideshow - Silence Template Blur effect" rel="nofollow ugc">Silence Blur HTML slideshow</a></li>
<li><a href="http://wowslider.com/html-gallery-dominion-blinds-demo.html" title="HTML gallery - Dominion Template Blinds effect" rel="nofollow ugc">Dominion Blinds HTML gallery</a></li>
<li><a href="http://wowslider.com/html-slider-calm-kenburns-demo.html" title="HTML slider - Calm Template Ken Burns effect" rel="nofollow ugc">Calm Ken Burns HTML slider</a></li>
<li><a href="http://wowslider.com/jquery-image-scroller-prime-time-linear-demo.html" title="jQuery Image Scroller - Prime Time Template Basic linear effect" rel="nofollow ugc">Prime Time – Filmstrip jQuery Image Scroller</a></li>
<li><a href="http://www.wowslider.com/free-image-slider-dark-matter-squares-demo.html" title="Free image slider - Dark Matter Squares effect" rel="nofollow ugc">Dark Matter Free image slider</a></li>
<li><a href="http://wowslider.com/jquery-banner-rotator-catalyst-fade-demo.html" title="Jquery banner rotator - Catalyst Template Fade effect" rel="nofollow ugc">Catalyst Demo</a> </li>
<li><a href="http://www.wowslider.com/jquery-picture-slider-catalyst-digital-stack-demo.html" title="jQuery Picture Slider - Catalyst Digital Template Stack effect" rel="nofollow ugc">Catalyst Digital Jquery banner rotator</a></li>
<li><a href="http://www.wowslider.com/javascript-slideshow-quiet-rotate-demo.html" title="Javascript Slideshow - Quiet Template Rotate effect" rel="nofollow ugc">Quiet Demo – Rotate Javascript Slideshow </a></li>
<li><a href="http://wowslider.com/jquery-slider-css-elemental-slices-demo.html" title="jQuery Slider CSS Elemental Slices Demo" rel="nofollow ugc">Elemental Slices jQuery Slider CSS</a> </li>
<li><a href="http://wowslider.com/wordpress-gallery-css-shady-stack-v-demo.html" title="Responsive Slider - WordPress Shady Stack Demo" rel="nofollow ugc">Responsive Slider – Shady Stack</a></li>
<li><a href="http://wowslider.com/html5-image-gallery-numeric-basic-demo.html" title="HTML5 Image Gallery Numeric Basic Demo" rel="nofollow ugc">HTML5 Image Gallery – Numeric</a> </li>
<li><a href="http://www.wowslider.com/css-slider-aqua-flip-demo.html" title="CSS Slider - Aqua Template with Flip effect" rel="nofollow ugc">CSS Slider – Aqua Flip</a></li>
<li><a href="http://wowslider.com/jquery-image-rotator-terse-blur-demo.html" title="jQuery Image Rotator Terse Blur Demo : jQuery Banner Rotator" rel="nofollow ugc">jQuery Image Rotator – Blur</a></li>
<li><a href="http://www.wowslider.com/best-jquery-slider-crystal-linear-demo.html" title="Best jQuery Slider with Crystal Template and Basic linear transition effect" rel="nofollow ugc">Crystal jQuery Slider Basic linear </a> </li>
<li><a href="http://wowslider.com/jquery-slider-carousel-mac-stack-demo.html" title="jQuery Slider Carousel with Mac Template and Stack transition effect" rel="nofollow ugc">Mac Stack jQuery Slider Carousel</a> </li>
<li><a href="http://www.wowslider.com/jquery-slider-3d-digit-stack-v-demo.html" title="jQuery Vertical Slider - Digit Stack vertical" rel="nofollow ugc">Digit Stack vertical jQuery Vertical Slider</a> </li>
<li><a href="http://www.wowslider.com/jquery-slider-bar-kenburns-demo.html" title="Ken Burns Effect Slideshow - Noble" rel="nofollow ugc">Noble Ken Burns </a> </li>
<li><a href="http://www.wowslider.com/jquery-slider-mellow-blast-demo.html" title="Slider Mellow template and Blast transition effect" rel="nofollow ugc">Slider Demo – Mellow Blast Example</a></li>
<li><a href="http://wowslider.com/jquery-image-rotator-terse-blur-demo.html" title="jQuery Slider - Terse Blur" rel="nofollow ugc">More amazing demos made with WOW Slider..</a></li>
</ul>
More Info: http://wowslider.com/
<ul>
<li><a href="http://wowslider.com/help/add-wowslider-wordpress-34.html" title="Wordpress Image Slider Plugin Tutorial" rel="nofollow ugc">How to create WordPress slider with WOW Slider – Full Tutorial</a></li>
<li><a href="http://wowslider.com/help/new-slider-wordpress-42.html" title="How to update existing WOWSlider galleries in WordPress - Video Tutorial" rel="nofollow ugc">How to update existing WOWSlider galleries in WordPress – Tutorial</a></li>
</ul>
<iframe loading="lazy" class="youtube-player" width="750" height="422" src="https://www.youtube.com/embed/Omi32W6QyY4?version=3&rel=1&showsearch=0&showinfo=1&iv_load_policy=1&fs=1&hl=en-US&autohide=2&wmode=transparent" allowfullscreen="true" style="border:0;" sandbox="allow-scripts allow-same-origin allow-popups allow-presentation allow-popups-to-escape-sandbox"></iframe>
<h3>Credits</h3>
Copyright: 
WOWSlider.com 2015
This program is free software; you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation; either version 2 of the License, or (at your option) any later version.
This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.

WOW Slider

WOW Slider is a Wordpress slider with stunning visual effects and tons of professionally made templates.

WooCommerce Category Banner vs WOW Slider