Return to previous page

Categories page heading image - by sirius

This topic has 8 replies, 2 voices, and was last updated 6 years, 10 months ago ago by Rose Tyler

sirius

Participant

February 1, 2019 at 10:10

Hello,
I was wondering if is possible to have on categories page a different size image, that maybe also stretch like a cover (full width of page). Currently on my install I can add image of 1140×150 pixels and if I upload a bigger image it shows just a crop of 1140×150
Also, would be possible to add a few( 2-3) images like a slider in that area ?
Thank you

Please, contact administrator
for this information.

#208388 Copied Theme version: Xstore 5.1.5 WooCommerce version: 3.5.4

7 Answers

Rose Tyler

Support staff

February 1, 2019 at 10:20

Hello,

Theme Options > Breadcrumbs > Breadcrumbs background > Background Size > Cover.
Products > Categories > and shortcode of the slider in the Description area https://www.8theme.com/documentation/documentation/troubleshooting/how-to-add-slider-banner-in-product-category-page/ Position of this can be changed in Theme Options > Shop > Shop page Layout > Shop Page Banner position.

Regards

#208390 Copied

sirius

Participant

February 1, 2019 at 10:54

Perfect slider seems very easy to add.
Only thing I can’t figure out is how to make the image height bigger.( it only shows 150 pixels)

Now I have images loaded trough: “Custom page heading image for this category” load image field and the description area is empty.
Should I clear that field and put image in Description area ? ( is there a shortcode for that? )
Thank you

#208391 Copied

Rose Tyler

Support staff

February 1, 2019 at 10:59

Theme Options > Breadcrumbs > Breadcrumbs paddings > add Top and Bottom paddings.

Regards

#208393 Copied

sirius

Participant

February 1, 2019 at 11:17

That is correct but changes size of breadcrumbs on all pages.
I need just on categories that have images loaded, to show the image bigger.
I don’t want to have bigger breadcrumb area on pages that do not have an image( most of pages don’t)
Would that be possible?

#208395 Copied
Rose Tyler

Support staff

February 1, 2019 at 11:45
Please add this code in Theme Options > Custom css > Global custom css:

.tax-product_cat .page-heading { padding-top: 4vw; padding-bottom: 4vw; }

(will affect all categories of products)
or this code

.term-onis-monolyth .page-heading, .term-sevilla .page-heading { padding-top: 4vw; padding-bottom: 4vw; }

http://prntscr.com/mf6b0i

Regards
#208400 Copied
sirius

Participant

February 1, 2019 at 12:29

Perfect.
Exactly what I was looking for!
Thank you very much!

#208403 Copied

Rose Tyler

Support staff

February 1, 2019 at 13:05

You’re welcome!

Regards

#208407 Copied
Viewing 8 results - 1 through 8 (of 8 total)