Adding banners to product category pages helps highlight promotions, improve visual appeal, and provide additional information to customers. The Omniverse theme allows you to display banners, images, sliders, or custom content above category product listings.
1. Using Category Description for Banners #
WooCommerce provides a Category Description field that appears above products on category pages. This field can be used to add:
- Promotional banners
- Images or sliders
- Custom marketing content
- Informational text
Steps: #
- Go to Dashboard → Products → Categories.
- Edit the desired category.
- Add content to the Description field.
- Save the changes.
2. Adding Advanced Banner Content (Recommended) #
For more complex layouts such as sliders or styled banners:
- Create an HTML Block using:
- WPBakery Page Builder, or
- Elementor.
- Design your banner, slider, or promotional section.
- Copy the HTML Block shortcode.
- Paste it into the category Description field.
- Save the category.
This method allows greater design flexibility and reusable content.
3. Setting a Category Header Background Image #
You can also display a background image in the category page header:
- Go to Dashboard → Products → Categories.
- Edit the desired category.
- Upload your image in the Header Background / Thumbnail Image field (depending on theme settings).
- Save the category.
4. Best Practices #
- Use high-quality images for better visual impact.
- Keep banner messaging clear and concise.
- Maintain consistent styling across category pages.