Return to previous page

Category Header image and title not showing

This topic has 16 replies, 3 voices, and was last updated 1 years, 3 months ago ago by Rose Tyler

MrTailor

Participant

January 11, 2023 at 18:46

Hi

On XStore the category header image only shows 50px with no title showing. Is it possible to make this more visible e.g. 550px as there are no options in the theme options? I tried changing it with yellow pencil but it changed this globally so there was a blank block on product pages, shop etc.

Please, contact administrator
for this information.

#343740 Copied Theme version: .9.0.1 WooCommerce version: 6.1.1

15 Answers
Tony Rodriguez

Support staff

January 11, 2023 at 19:06
Hello, @MrTailor,

You are right, there is no such option to change the height/size of that for a single category only, so you have to try with the Custom CSS code, Please inspect the particular product category page and then copy the product category page unique class number as shown in this screenshot: https://ibb.co/W6k6YX1 after that replace the product category page unique class number in the below-listed code and paste the below-given code to XStore >> Theme Settings >> Theme Custom CSS >> Global CSS, it will apply on that particular product category page only.
```
.tax-product_cat.term-43 .page-heading {
    height: 550px !important;
}
```
Regards 8Themes Team.
#343742 Copied
MrTailor

Participant

January 11, 2023 at 19:25

Hello Tony

Many thanks for the quick response.

I have tried this on a couple of pages however it did not work. I tried it on the round product category which was 126.

archive tax-product_cat term-round term-126 logged-in admin-bar theme-xstore woocommerce woocommerce-page woocommerce-js woo-variation-swatches wvs-behavior-blur wvs-theme-xstore-child wvs-show-label wvs-tooltip et_cart-type-2 et_b_dt_header-not-overlap et_b_mob_header-not-overlap breadcrumbs-type-left2 et-catalog-off et-enable-swatch elementor-default elementor-kit-14 customize-support e–ua-blink e–ua-chrome e–ua-webkit et-preloader-hide cookies-set cookies-accepted

Any other work arounds?

Please contact administrator
for this information.

#343744 Copied

Tony Rodriguez

Support staff

January 12, 2023 at 06:51

Hello, @MrTailor,

Your site is on maintenance mode, Could you please share your site WP Admin URL and Credentials with me here in the private content area of this topic as listed below, so that I will further check it for you on your site and help you out.

And please share that product category page URL with me as well.

WP Admin URL:
WP Admin Username:
WP Admin Password:

Regards 8Themes Team.

#343769 Copied

MrTailor

Participant

January 12, 2023 at 15:19

Hi Tony

Please see attached for the credentials.
It is the header on all categories from ‘all sunglasses’ to ‘wooden’ etc.

Is the category name supposed to show on this banner also?

Many thanks for your help with this.

Please contact administrator
for this information.

#343845 Copied

Rose Tyler

Support staff

January 12, 2023 at 16:07

Hello, MrTailor,

We have reviewed the issue and it appears that the custom code you added is causing the problem with the breadcrumbs.

In order to resolve this, we recommend that you delete the custom code and then go to Theme Options > Breadcrumbs to change the Breadcrumbs Style and Breadcrumbs Paddings.

If you continue to experience difficulties, please let us know and we will be happy to provide further assistance.

Best Regards,
8themes team

#343853 Copied

MrTailor

Participant

January 12, 2023 at 16:35

Hi Rose

The only code which was added was the one provided by Tony which did not work so we deleted it.

The other code there was pre-existing in the theme.

What part of it is causing the problem?

Thanks

#343861 Copied

Rose Tyler

Support staff

January 12, 2023 at 16:57

Please delete this code – https://prnt.sc/VTJNnCx5K-mf (added via YellowPencil) and then edit Breadcrumbs settings (Breadcrumbs Style and Breadcrumbs Paddings) in the Theme Options. When the code is added settings from Theme Options can’t work correctly.
Please let us know if you need any further assistance.

Regards

#343866 Copied

MrTailor

Participant

January 12, 2023 at 17:09

Hi Rose

Thanks for the heads up. I have deleted this code.

The breadcrumb padding didn’t seem to help with the issue of the header images for categories not showing.

Are there any other settings for this?

Thanks

#343869 Copied

Rose Tyler

Support staff

January 12, 2023 at 17:55

Hello @MrTailor,

Isn’t it what you are looking for – https://prnt.sc/suN51BltfeyW or https://prnt.sc/VmMdiHlbej4h ?
If you want to get something like this – https://xstore.8theme.com/demos/2/lingerie/product-category/activewear/ , add content (it can be a static block or image) into the Category description area – https://prnt.sc/6o6GKg_rX98G The result will be similar to Shop banner – https://prnt.sc/eelSbIM7Sqj9

Please let us know if you need any further assistance.

Best Regards,
8themes team

#343873 Copied

MrTailor

Participant

January 12, 2023 at 19:10

Thanks for getting back to me.

For some reason, the breadcrumb padding values don’t reflect on the front end when saved. I have cleared the browser cache. I tried out the description on the aviator category but this, again, does not show up on the front end.

#343883 Copied

Rose Tyler

Support staff

January 13, 2023 at 08:12

Hello @MrTailor,

In order to resolve this , we recommend to set values in px, for example, 20px, not just 20 – https://prnt.sc/OXEySBTr3TS9

If you continue to experience difficulties, please let us know and we will be happy to provide further assistance.

Regards,
8theme team

#343909 Copied

MrTailor

Participant

January 13, 2023 at 14:09

Thanks, Rose, that’s great.

It seems to have added the same padding to the ‘about us’ page too.

On mobile, is it possible to centralize the image?

Also, the title shows under the image, is it possible to have this over the image?

Please see attached mock-up.

Many thanks!

Please contact administrator
for this information.

#343955 Copied

Rose Tyler

Support staff

January 13, 2023 at 16:15

Hello, MrTailor,

Breadcrumbs > Paddings settings from Theme Options work on all pages with breadcrumbs on the site (product category page, about us and so on).
If you would like to apply these settings to product category pages only, custom CSS code can be used. If this is the case, please let us know and we will provide you with the necessary code.

In regards to mobile, in order to provide a specific solution, we would need the URL of the page in question.

Regarding the title, we would like to inform you that there is no mentioned possibility for it. We recommend that you create static blocks with the desired content and show them via the category description area.

Thank you for reaching out to us. We hope this information is helpful.

Kind Regards,
8theme team

#343966 Copied

MrTailor

Participant

January 19, 2023 at 17:13

Hi Rose

Thank you very much for all your help.

We now have this sorted and it all looks much better.

Kind regards
Mr Tailor

#344437 Copied

Rose Tyler

Support staff

January 19, 2023 at 17:32

Hello, MrTailor,

Thank you for bringing this to our attention. We wish you a pleasant day!

Kind Regards,
8theme team

#344446 Copied
Tagged: category, header, image, not showing, templates, title, woocommerce, wordpress
Viewing 16 results - 1 through 16 (of 16 total)