Support ForumChange Category Image in the background of Taglines area – Support Forum

Change Category Image in the background of Taglines area

carlmckie — Wed, 22 Jul 2015 14:10:43 +0000

I would like to use a different image for each category. How do I do this? Right now, I am getting the default waves image for each category.

Reply To: Change Category Image in the background of Taglines area

IshYoBoy — Thu, 23 Jul 2015 08:53:36 +0000

Hey,

Unfortunately WordPress categories do not have featured images by default. There is a plugin which can add this functionality https://wordpress.org/plugins/category-featured-images/

However you will also have to tell the PHP template to use this image.

The easiest way could be to manually override this with custom CSS. Whenever you view a category page or any other, WordPress adds an unique class name to the element so you can use it to target the taglines area and change the “background-image” property manually. You might have to use “!important”

You can do this in a child theme or via the “Custom CSS” field available in Theme Options.

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

Reply To: Change Category Image in the background of Taglines area

carlmckie — Thu, 23 Jul 2015 11:20:40 +0000

Thanks.

For anyone who is interested in doing the same thing, here’s how I did it after installing the plugin and assigning the category images:

Copied archive.php from /kopy/to /kopy-child/
Copied custom-functions.php from /kopy/assets/framework/wp/options/ to /kopy-child/assets/framework/wp/options/

1. Changes in archive.php…
Line 27 from:


ishyoboy_custom_part_tagline($lead);

ishyoboy_custom_part_tagline($lead);


ishyoboy_custom_part_tagline( $lead, cfi_featured_image_url( array( 'cat_id' => $current_term->term_id ) ) );

ishyoboy_custom_part_tagline( $lead, cfi_featured_image_url( array( 'cat_id' => $current_term->term_id ) ) );

2. Changes in custom-functions.php…
Line 16 from:


function ishyoboy_custom_part_tagline( $content ){

function ishyoboy_custom_part_tagline( $content ){


function ishyoboy_custom_part_tagline( $content, $category_featured_image = null ){

function ishyoboy_custom_part_tagline( $content, $category_featured_image = null ){

Line 25 from:


$return .= '<div class="ish-part_tagline ish-tagline_custom ish-tagline-colored">' . $overlay_container . '<div class="ish-row ish-row-notfull"><div class="ish-row_inner">';

$return .= '

' . $overlay_container . '

$return .= '<div';
if ( $category_featured_image != null ) {
	$return .= ' style="background-image: url(\'' . $category_featured_image . '\') !important"';
}
$return .= ' class="ish-part_tagline ish-tagline_custom ish-tagline-colored">' . $overlay_container . '<div class="ish-row ish-row-notfull"><div class="ish-row_inner">';

$return .= ';

if ( $category_featured_image != null ) {

$return .= ' style="background-image: url(\'' . $category_featured_image . '\') !important"';

}

$return .= ' class="ish-part_tagline ish-tagline_custom ish-tagline-colored">' . $overlay_container . '

This sets the category image if one is assigned, and falls back on the default image is no image is assigned.

NOTE: I have no experience with WordPress and WordPress themes whatsoever so there may be an easier way to do this, but this method works well enough. If the admin can confirm this will not cause any issues that would be great.

Thanks again!

Reply To: Change Category Image in the background of Taglines area

IshYoBoy — Fri, 24 Jul 2015 06:48:21 +0000

Hi,

Copying the whole file “custom-functions.php” to your child theme is VERY VERY WRONG. What you did is that you said all functions in this file will remain as they are in it. So in future updates if we update any of them the change will not be reflected as you override the whole file in your child theme.

Much better solution is to only copy the function you need and paste it in the “functions.php” file of your child theme. This will ensure all other functions remain updateable but this one will be used from the child theme.

Apart from that all good ;)

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

Reply To: Change Category Image in the background of Taglines area

carlmckie — Fri, 24 Jul 2015 07:03:54 +0000

Makes sense. Thanks again. Great work on the theme!

Reply To: Change Category Image in the background of Taglines area

IshYoBoy — Fri, 24 Jul 2015 07:58:06 +0000

Sure thing and thank you very much.

We’re really glad you’re satisfied. Feel free to give us a rating in your Downloads section in ThemeForest. But be careful ;) We accept only 5 star ratings ;)

Have a great day!

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

Reply To: Change Category Image in the background of Taglines area

gabbok — Wed, 18 Nov 2015 12:06:38 +0000

Hi guys!
I’m a newbie in this game so I just wanna make sure i understood everything.
I understand that I have to copy the Archive.php file from the parent theme: Check!
I also understood that I should not copy the whole custom-function.php from my parent to my child theme: Check!
What I dont understand is Do i have to implement the followings line into my functions.php randomly as the file function.php and custom-function.pfp are not the same?

function ishyoboy_custom_part_tagline( $content, $category_featured_image = null ){

and

$return .= ‘ if($category_featured_image != null) {
$return .= ‘ style=”background-image: url(\”.$category_featured_image.’\’) !important”‘;
}
$return .= ‘ class=”ish-part_tagline ish-tagline_custom ish-tagline-colored”>’ . $overlay_container . ‘

’;

Best regards

And thx for the Help

Reply To: Change Category Image in the background of Taglines area

IshYoBoy — Fri, 20 Nov 2015 07:40:24 +0000

Hi gabbok,

files functions.php and custom-functions.php are not the same file.
\wp-content\themes\kopy\functions.php
\wp-content\themes\kopy\assets\framework\wp\options\custom-functions.php

You can’t copy some part of function, you have to copy entire function from functions.php or custom-functions.php and paste it into your child theme files. Here you can edit your required function.

You can paste your required function anywhere inside of functions.php but usually on the bottom of the file.
Be careful and don’t mix more functions. Don’t paste one function into the other one.

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market

Reply To: Change Category Image in the background of Taglines area

webcomkit — Wed, 16 Mar 2016 14:31:24 +0000

Hi,

i’ve tried this code but i ve an error :
Parse error: syntax error, unexpected ‘\’ (T_NS_SEPARATOR)
on this line:
$return .= ‘ style=”background-image: url(\”.$category_featured_image.’\’) !important”‘;

i don’t find solution. can you help me please?

Thanks

Reply To: Change Category Image in the background of Taglines area

IshYoBoy — Thu, 17 Mar 2016 08:12:05 +0000

Hey,

Please try this:
$return .= ' style="background-image: url(\'' . $category_featured_image . '\') !important;"';

Cheers

A 5 star rating is always a great motivation for us if you are happy with our theme or support!
Themeforest | MojoMarketplace | Creative Market