Woocommerce category title and description customization

[stahu14]

Hello
I’ve got a little problem…
I would like to change woocommerce category pages title and description appearance…
For now it looks like:

and it have to look like this:

I have to make two columns, to the first column (at left) I have to move category title and category description, to the second column I have to show category thumbnail. Is it possible to do that ?
If yes, can you tell me how to do that ?

I’am using x theme v6.1.6
Thanks in advance.

[mldarshana]

Hi There @stahu14

Thanks for writing in! You need to edit your product categories and set Archive Title and Description to display those information.

Hope that helps.

[stahu14]

Hello
I think that you don’t understand me…
I know how to add title, description and thumbnail to woocommerce category but I don’t know how to show them at the top of page as I want. I have to change one of the templates and I don’t know how and which one…
It have to look like at the second screenshot but now it looks like at the first one.
In the first picture you can see “Category Archive” and this is my title below is my description.

@stahu14

I have to make two columns, to the first column (at left) I have to move category title and category description, to the second column I have to show category thumbnail.

Please understand that I have to change my template.
Thanks in advance…

[stahu14]

Thanks for support but I did it myself.
I just needed some rest

I found the code in the internet and I’ve changed it a bit.
Here is code:

   add_action( 'woocommerce_archive_description', 'woocommerce_category', 2 );
function woocommerce_category() {
    if ( is_product_category() ){
	    global $wp_query;
	    $cat = $wp_query->get_queried_object();
	    $thumbnail_id = get_woocommerce_term_meta( $cat->term_id, 'thumbnail_id', true );
	    $image = wp_get_attachment_url( $thumbnail_id );   
	    if ( $image ) {
		    echo do_shortcode('[vc_row padding_top="0px" padding_bottom="0px"][vc_column fade_animation_offset="45px" width="1/2"]<h1>'.$cat->name.'</h1><p>'.$cat->description.'</p>[/vc_column][vc_column fade_animation_offset="45px" width="1/2"]<img src="' . $image . '" alt="' . $cat->name . '" />[/vc_column][/vc_row]');
		}
	}
}

[jade]

Thanks for sharing the solution.