Product Gallery

[tokesmoke]

Hi there,

Is there a way to edit the look of the product gallery? I would like to:

• Add categories or tags beneath price
• Add a short description
• Change the product name size

[Harry]

Hi,

1. You can add categories and tag in https://prnt.sc/s31x6g

and move these section below product price by add below code to claue-child > functions.php

add_action( 'wp_head', 'change_meta_position' ); 
function change_meta_position(){
    remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_meta', 40 );
}
add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_meta', 20 );

2. Please edit product scroll down and add short description

3. You can change product name size by add below code to Claue > Theme Option > General Layout > Custom CSS

.product_title {
	font-size: 16px;
}

and change 16 to your number

Kind regards

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

[tokesmoke]

This reply has been marked as private.

[Harry]

Hi,

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

// show categories name and tags to archive page
function custom_before_title() {
    global $product;
    echo wc_get_product_category_list( $product->get_id(), ', ', '<span class="posted_in db">' . _n( 'Category:', 'Categories:', count( $product->get_category_ids() ), 'woocommerce' ) . ' ', '</span>' );
    echo wc_get_product_tag_list( $product->get_id(), ', ', '<span class="tagged_as db">' . _n( 'Tag:', 'Tags:', count( $product->get_tag_ids() ), 'woocommerce' ) . ' ', '</span>' );

}
add_action( 'woocommerce_after_shop_loop_item_title', 'custom_before_title', 5 );

// show product short description to archive page
function display_desc_in_product_archives() {
   the_excerpt();
}
add_action( 'woocommerce_after_shop_loop_item_title', 'display_desc_in_product_archives', 8 );

and below code to claue-child > style.css

.product-title.fwm {
	font-size: 16px;
	font-weight: 600;
}
.product-info p {margin-bottom: 0}

Kind regards

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

[Author]

Posts