Return to previous page

Topic: Header Image for Product Category Problem

Olga777

Participant

January 6, 2019 10:39 pm

When we add Header Image to product category, we have a problem: the original image displayed cropped on front end – very-very narrow, and most of it is invisible. Is there any place we can adjust the size of it, to ensure the whole image is displayed at front end?
What are the acceptable dimension for the header image for product categories shop page?
Thank you for your help.
Site URL: hidden
Theme version: latest
WooCommerce version: latest

#206719 copied to clipboard

Like

Olga Barlow

Support staff

January 8, 2019 11:20 am

Hello,

The Custom page heading image for the category displays image in the breadcrumbs like a background image http://prntscr.com/m4e2pb Image size for the breadcrumbs background you can manage in Theme Options > Breadcrumbs http://prntscr.com/m4e3hc

Regards

#206767 copied to clipboard

Like

Olga777

Participant

January 8, 2019 11:12 pm

Thank you Olga for the information.

Yet, none of the image options work for us (Inherit = the same as default; Cover = expand it too much; Contain = makes the image extremely small). Since we are switching from Blanco theme, we are looking for a similar solution as we have right now in Blanco = thumbnail image is displayed fully in the header of the product category. Thumbnail image in Xstore does not work, as it is not displayed at all on the front end. Customer Header Image (breadcrumb image) does not work either. Do you have any suggestion?
We use this image to display a specific limited time promotion for the product category (e.g. Dresses Flash SALE, etc).

Thank you very much for your help!
Olga

#206802 copied to clipboard

Like

Olga Barlow

Support staff

January 9, 2019 10:45 am

Hello,

Blanco did not have the breadcrumbs image option. It had shop promo banner option only.

XStore also has this option in Theme Options > Shop > Product page layout > Shop Page Banner content + Shop Page Banner position. But this content will be displayed for the shop page only and not for the product category page. If you want to add any banner or text for the product category before the products use the description area.
Category thumbnails are the images of the product category that you see if use the category element on the simple page, for example, http://prntscr.com/m4thmc
Heading image is the background image for the breadcrumbs, it may look nice if you use the larger paddings for the breadcrumbs and want to accent the page title, for example, https://xstore.8theme.com/demos/cocktails/instructions/ or https://xstore.8theme.com/demos/flowers/blog/

If you just need to add the banner for the category use category description field.

Regards

#206818 copied to clipboard

Like