How to move category description text before products listings

[cata78]

Hi,

I added a description in each product category, but this description is displayed before products. I want to move this after products. How can i edit product category pages?

• This topic was modified 1 year, 1 month ago by cata78.

[Harry]

Hi Cata,

Please add below code to claue-child > functions.php

 

/* move category description below products */
add_action( ‘wp_head’, ‘remove_my_action’ );
function remove_my_action(){
remove_action( ‘woocommerce_before_main_content’, ‘jas_claue_wc_page_head’, 15 );
}

function jas_claue_child_wc_page_head() {
if ( ! cs_get_option( ‘wc-enable-page-title’ ) || ( class_exists( ‘WCV_Vendors’ ) && WCV_Vendors::is_vendor_page() ) ) return;
$title = cs_get_option( ‘wc-page-title’ );
$output = ‘<div class=”page-head pr tc”><div class=”jas-container pr”>’;
if ( is_search() ) {
$output .= ‘<h1 class=”mb__5 cw”>’ . sprintf(__( ‘Search Results for: %s’, ‘claue’ ), ‘<span>’ . get_search_query() . ‘</span>’ ) . ‘</h1>’;
} elseif ( is_shop() ) {
$output .= ‘<h1 class=”mb__5 cw”>’ . esc_html( cs_get_option( ‘wc-page-title’ ) ) . ‘</h1>’;
$output .= ‘<p class=”mg__0″>’ . do_shortcode( cs_get_option( ‘wc-page-desc’ ) ) . ‘</p>’;
} else {
// Remove old position of category description
remove_action( ‘woocommerce_archive_description’, ‘woocommerce_taxonomy_archive_description’, 10 );
$output .= ‘<h1 class=”cw”>’ . single_cat_title( ”, false ) . ‘</h1>’;
//$output .= do_shortcode( category_description() );
add_action( ‘woocommerce_after_shop_loop’, ‘woocommerce_taxonomy_archive_description’, 40 );
add_action( ‘woocommerce_after_shop_loop’, ‘woocommerce_product_archive_description’, 40 );
}
ob_start();
$output .= ob_get_clean();
$output .= ‘</div></div>’;

echo wp_kses_post( $output );
}
add_action( ‘woocommerce_after_main_content’, ‘jas_claue_child_wc_page_head’, 15 );

 

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[solarzmr]

Hi, I also want to move description below products at category page. I tried paste your code, but wordpress shows syntax error, unexpected token “class” at line 36, and don’t want to save file functions.php.

This is line 36 at my functions.php:
$output = ‘<div class=”page-head pr tc”><div class=”jas-container pr”>’;

• This reply was modified 4 days, 19 hours ago by solarzmr.

[Harry]

Hi,

The code above you copied not correct format. Please use below code

/* move category description below products */
add_action( 'wp_head', 'remove_my_action' ); 
function remove_my_action(){
	remove_action( 'woocommerce_before_main_content', 'jas_claue_wc_page_head', 15 );
}
function jas_claue_child_wc_page_head() {
	if ( ! cs_get_option( 'wc-enable-page-title' ) || ( class_exists( 'WCV_Vendors' ) && WCV_Vendors::is_vendor_page() ) ) return;
	$title = cs_get_option( 'wc-page-title' );
	$output = '<div class="page-head pr tc"><div class="jas-container pr">';
		if ( is_search() ) {
			$output .= '<h1 class="mb__5 cw">' . sprintf(__( 'Search Results for: %s', 'claue' ), '<span>' . get_search_query() . '</span>' ) . '</h1>';
		} elseif ( is_shop() ) {
			$output .= '<h1 class="mb__5 cw">' . esc_html( cs_get_option( 'wc-page-title' ) ) . '</h1>';
			$output .= '<p class="mg__0">' . do_shortcode( cs_get_option( 'wc-page-desc' ) ) . '</p>';
		} else {
			// Remove old position of category description
			remove_action( 'woocommerce_archive_description', 'woocommerce_taxonomy_archive_description', 10 );
			$output .= '<h1 class="cw">' . single_cat_title( '', false ) . '</h1>';
			//$output .= do_shortcode( category_description() );
			add_action( 'woocommerce_after_shop_loop', 'woocommerce_taxonomy_archive_description', 40 );
			add_action( 'woocommerce_after_shop_loop', 'woocommerce_product_archive_description', 40 );			
		}
		ob_start();
		$output .= ob_get_clean();
	$output .= '</div></div>';

	echo wp_kses_post( $output );
}
add_action( 'woocommerce_before_main_content', 'jas_claue_child_wc_page_head', 15 );

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[solarzmr]

I paste this code, but description is still above products

[Harry]

Hi,

Please add below code to claue-child > functions.php

add_action( 'wp_head', 'remove_my_action' ); 
function remove_my_action(){
// Remove old position of category description
    remove_action( 'woocommerce_archive_description', 'woocommerce_taxonomy_archive_description', 10 );
    remove_action( 'woocommerce_before_main_content', 'jas_claue_wc_page_head', 15 );
    add_action('woocommerce_after_main_content', 'woocommerce_taxonomy_archive_description', 5 );
}

function jas_claue_child_wc_page_head() {
    if ( ! cs_get_option( 'wc-enable-page-title' ) || ( class_exists( 'WCV_Vendors' ) && WCV_Vendors::is_vendor_page() ) ) return;

    $title = cs_get_option( 'wc-page-title' );

    $output = '<div class="page-head pr tc"><div class="jas-container pr">';
        if ( is_search() ) {
            $output .= '<h1 class="mb__5 cw">' . sprintf(__( 'Search Results for: %s', 'claue' ), '<span>' . get_search_query() . '</span>' ) . '</h1>';
        } elseif ( is_shop() ) {
            $output .= '<h1 class="mb__5 cw">' . esc_html( cs_get_option( 'wc-page-title' ) ) . '</h1>';
            $output .= '<p class="mg__0">' . do_shortcode( cs_get_option( 'wc-page-desc' ) ) . '</p>';
        } else {
            $output .= '<h1 class="cw">' . single_cat_title( '', false ) . '</h1>';
        }
        ob_start();
        $output .= ob_get_clean();
    $output .= '</div></div>';

    echo wp_kses_post( $output );
}
add_action( 'woocommerce_before_main_content', 'jas_claue_child_wc_page_head', 15 );

and below code to Claue > Theme Option > General Layout > Custom CSS

.term-description {
	display: block;
	width: 100%;
	max-width: 1170px;
	margin: 30px auto;
}

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[solarzmr]

Thanks, now it works 🙂

[cata78]

I added it in main theme functions.php and it moves only the title without description. Description disappeared.

[Harry]

Can you send me your site url to check?

Btw, your support expired. Please renew your support at https://themeforest.net/downloads

Thank and regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[cata78]

This reply has been marked as private.

[Harry]

Please send admin account? I need to check bẻoe give you solution.

The support will help us continue improve and update new features for our theme.

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[cata78]

This reply has been marked as private.

[Harry]

Hi,

1. I check your site and activate child theme, it now the site error.

Can you send me FTP account to fix?

2. On the laptop resolution less than 1024px it will change to 2 cols

Thanks

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Harry]

Hi,

I help you correct the code in claue-child > functions.php

Please check.

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Harry]

Hi,

I not good for url friendly, please try a plugin Rankmath or Yoast Seo.

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Harry]

Hi,

I just edit code in child theme.

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Harry]

solarzmr wrote:

Hi, I also want to move description below products at category page. I tried paste your code, but wordpress shows syntax error, unexpected token “class” at line 36, and don’t want to save file functions.php.

This is line 36 at my functions.php:
$output = ‘<div class=”page-head pr tc”><div class=”jas-container pr”>’;

Quote

Hi,

Please edit code and use below code

/* move category description below products */
add_action( 'wp_head', 'remove_my_action' ); 
function remove_my_action(){
	remove_action( 'woocommerce_before_main_content', 'jas_claue_wc_page_head', 15 );
	remove_action( 'woocommerce_single_product_summary', 'jas_claue_wc_single_social_share', 50 );
}
function jas_claue_child_wc_single_social_share() {
	if ( cs_get_option( 'wc-social-share' ) ) {
		echo '<h3>Condividi su</h3>';
		jas_claue_social_share();
	}
}
add_action( 'woocommerce_single_product_summary', 'jas_claue_child_wc_single_social_share', 50 );

function jas_claue_child_wc_page_head() {
	if ( ! cs_get_option( 'wc-enable-page-title' ) || ( class_exists( 'WCV_Vendors' ) && WCV_Vendors::is_vendor_page() ) ) return;
	$title = cs_get_option( 'wc-page-title' );
	$output = '<div class="page-head pr tc"><div class="jas-container pr">';
		if ( is_search() ) {
			$output .= '<h1 class="mb__5 cw">' . sprintf(__( 'Search Results for: %s', 'claue' ), '<span>' . get_search_query() . '</span>' ) . '</h1>';
		} elseif ( is_shop() ) {
			$output .= '<h1 class="mb__5 cw">' . esc_html( cs_get_option( 'wc-page-title' ) ) . '</h1>';
			$output .= '<p class="mg__0">' . do_shortcode( cs_get_option( 'wc-page-desc' ) ) . '</p>';
		} else {
			// Remove old position of category description
			remove_action( 'woocommerce_archive_description', 'woocommerce_taxonomy_archive_description', 10 );
			$output .= '<h1 class="cw">' . single_cat_title( '', false ) . '</h1>';
			//$output .= do_shortcode( category_description() );
			add_action( 'woocommerce_after_shop_loop', 'woocommerce_taxonomy_archive_description', 40 );
			add_action( 'woocommerce_after_shop_loop', 'woocommerce_product_archive_description', 40 );			
		}
		ob_start();
		$output .= ob_get_clean();
	$output .= '</div></div>';

	echo wp_kses_post( $output );
}
add_action( 'woocommerce_before_main_content', 'jas_claue_child_wc_page_head', 15 );

The code you copy above not correct format.

Kind regards

Harry
Premium Wordpress themes and plugins, Best WooCommerce theme https://themeforest.net/user/janstudio/portfolio?ref=janstudio

[Author]

Posts