How to add banner for Tag pages?

Hello Mjunes,

Thanks for contacting us.

In our current plugin version, you can add category-based or product-based banners only.

There are very less requirements we received about tag-based banners so we haven’t implemented them in our plugin.

It would be good that you can manage all the products by categories and it will easily work for you.

Regards,
Hitendra & Dotstore Team

Hello, Thank you pointing that out. But I’m using Tags as Brands in my site. And I thought of displaying brand banners on tag pages. Which is why I asked for that option. Would be nice if you could add that functionality. Thanks.

Hello Mjunes,

Thanks for your feedback.

We will review your requirements in detail and will implement them in a future release if we get more requests like your need.

Best Regards,
Hitendra & Dotstore Team

Hello Mjunes,

We haven’t heard back from you in a while, so I’m going to mark this as resolved.

If you have any further questions, you can start a new thread.

Best Regards,
Hitendra & Dotstore Team

Hello everybody,

Since this is the first result in google for this particular query, I’m gonna add the solution here that I found recently. Turns out that you don’t even need a plugin to achieve this. Not only for Tag pages, but for any Taxonomy pages like Category and even custom taxonomy pages.

I figured if I was able to add wpbakery/elementor shortcodes to Tag page descriptions, then it would not only enable me to add banners but potentially anything & everything.

So, in order to allow shortcodes in all category, tag and custom taxonomy descriptions, just put the following code into the functions.php of your theme, preferably child theme.

add_filter( 'term_description', 'do_shortcode' );

Now add your shortcode in the description field (Tag > Edit tag > Description ) and voila. Banners, Sliders and whatnot on tag page. ??

Here is an example wpbakery shortcode for adding banners. The numbers 1336 and 1339 are image IDs. Just replace them with your own Image IDs. If you don’t know how to find image IDs, refer here.

[vc_row][vc_column offset="vc_hidden-sm vc_hidden-xs"][vc_single_image image="1336" img_size="full" alignment="center" onclick="custom_link" el_class="home-single-banner"][/vc_column][/vc_row][vc_row][vc_column offset="vc_hidden-lg vc_hidden-md"][vc_single_image image="1339" img_size="full" alignment="center" onclick="custom_link" el_class="home-single-banner"][/vc_column][/vc_row][vc_row][vc_column offset="vc_hidden-sm vc_hidden-xs"][vc_empty_space height="40px"][/vc_column][/vc_row][vc_row][vc_column offset="vc_hidden-lg vc_hidden-md"][vc_empty_space height="20px"][/vc_column][/vc_row]

The beauty of the above code is that it changes according to devices. For desktop devices: image with ID 1336 will be displayed and for mobile devices: image with ID 1339 will be displayed. So make sure the width of your mobile image is smaller than the desktop image. If you want to have same image for both desktop and mobile, just replace both the image IDs in the above code with the ID you want.

Note: I’m not sure if the above WPBakery code will work with all themes. It works for my theme. If it doesn’t work with your theme, create a blank page and build your banner using wpbakery/elementor, switch to text view, copy and add that code to the description field. It should work.

Hope this helps someone. ??