Home › Forums › Themes Support › Claue › Product Gallery
- This topic has 3 replies, 2 voices, and was last updated 4 years ago by Harry.
-
AuthorPosts
-
-
April 21, 2020 at 3:16 am #36086tokesmokeSupport Expired
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
-
April 21, 2020 at 10:58 am #36099HarrySupport Expired
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 -
April 22, 2020 at 5:04 am #36114tokesmokeSupport ExpiredThis reply has been marked as private.
-
April 22, 2020 at 12:13 pm #36122HarrySupport Expired
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
-
-
AuthorPosts
You must be logged in to reply to this topic.