Thêm thương hiệu sản phẩm - product brand Woocoommece

Đặc trưng của một số sản phẩm có thêm Thương HIệu product brand , tuy nhiên tính năng thương hiệu sản phẩm chưa được tích hợp sẳn trong Woocommere mà chúng ta phải thêm bằng plugin hoặc bằng code ,Do đang làm trang bán hàng có làm về thương hiệu, mình xin giới thiệu cách làm product brand WooCommerce wordpress băng code function , hi vọng sau khi đọc xong bài đăng bạn có thể tự làm product brand không cần thêm plugin nhé , custom xịn xò cho trang bạn đang làm về bán hàng nhé

Thêm thương hiệu sản phẩm – product brand WooCommerce wordpress

Yêu cầu để làm trang product brand WooCommerce wordpress

Cài đặt plugin Advanced Custom Fields (miễn phí): để tạo custom field cho taxonomy thêm trường Branb cho sản phẩm

Tạo Custom Taxonomy

Mặc định, mỗi sản phẩm trên Woocommerce có sẵn hai Taxonomy là Category (Danh Mục) và Tag (Thẻ). Để bổ sung tính năng thương hiệu (Product Brand), mình sẽ tạo thêm 1 Custom Taxonomy.

Tạo 1 Code Snippet mới và điền vào nội dung sau để tạo Product Brand Taxonomy
Chèn code sau vào Function của theme đang dùng

// Register Product Brand Taxonomy
function tb_product_brand_taxonomy() {

	$labels = array(
		'name'                       => _x( 'Product Brands', 'Taxonomy General Name', 'tb_product_brand' ),
		'singular_name'              => _x( 'Product Brand', 'Taxonomy Singular Name', 'tb_product_brand' ),
		'menu_name'                  => __( 'Product Brands', 'tb_product_brand' ),
		'all_items'                  => __( 'All Brands', 'tb_product_brand' ),
		'parent_item'                => __( 'Parent Brand', 'tb_product_brand' ),
		'parent_item_colon'          => __( 'Parent Brand:', 'tb_product_brand' ),
		'new_item_name'              => __( 'New Item Brand', 'tb_product_brand' ),
		'add_new_item'               => __( 'Add New Brand', 'tb_product_brand' ),
		'edit_item'                  => __( 'Edit Brand', 'tb_product_brand' ),
		'update_item'                => __( 'Update Brand', 'tb_product_brand' ),
		'view_item'                  => __( 'View Brand', 'tb_product_brand' ),
		'separate_items_with_commas' => __( 'Separate brands with commas', 'tb_product_brand' ),
		'add_or_remove_items'        => __( 'Add or remove brands', 'tb_product_brand' ),
		'choose_from_most_used'      => __( 'Choose from the most used', 'tb_product_brand' ),
		'popular_items'              => __( 'Popular Brands', 'tb_product_brand' ),
		'search_items'               => __( 'Search Brand', 'tb_product_brand' ),
		'not_found'                  => __( 'Not Found', 'tb_product_brand' ),
		'no_terms'                   => __( 'No brands', 'tb_product_brand' ),
		'items_list'                 => __( 'Brandlist', 'tb_product_brand' ),
		'items_list_navigation'      => __( 'Brand list navigation', 'tb_product_brand' ),
	);
	$rewrite = array(
		'slug'                       => 'brand',
		'with_front'                 => true,
		'hierarchical'               => true,
	);
	$args = array(
		'labels'                     => $labels,
		'hierarchical'               => true,
		'public'                     => true,
		'show_ui'                    => true,
		'show_admin_column'          => true,
		'show_in_nav_menus'          => true,
		'show_tagcloud'              => true,
		'rewrite'                    => $rewrite,
		'show_in_rest'               => true,
	);
	register_taxonomy( 'tb_product_brand', array( 'product' ), $args );

}
add_action( 'init', 'tb_product_brand_taxonomy', 0 );

// Register Product Brand Taxonomy

function tb_product_brand_taxonomy() {

$labels = array(

'name' => _x( 'Product Brands', 'Taxonomy General Name', 'tb_product_brand' ),

'singular_name' => _x( 'Product Brand', 'Taxonomy Singular Name', 'tb_product_brand' ),

'menu_name' => __( 'Product Brands', 'tb_product_brand' ),

'all_items' => __( 'All Brands', 'tb_product_brand' ),

'parent_item' => __( 'Parent Brand', 'tb_product_brand' ),

'parent_item_colon' => __( 'Parent Brand:', 'tb_product_brand' ),

'new_item_name' => __( 'New Item Brand', 'tb_product_brand' ),

'add_new_item' => __( 'Add New Brand', 'tb_product_brand' ),

'edit_item' => __( 'Edit Brand', 'tb_product_brand' ),

'update_item' => __( 'Update Brand', 'tb_product_brand' ),

'view_item' => __( 'View Brand', 'tb_product_brand' ),

'separate_items_with_commas' => __( 'Separate brands with commas', 'tb_product_brand' ),

'add_or_remove_items' => __( 'Add or remove brands', 'tb_product_brand' ),

'choose_from_most_used' => __( 'Choose from the most used', 'tb_product_brand' ),

'popular_items' => __( 'Popular Brands', 'tb_product_brand' ),

'search_items' => __( 'Search Brand', 'tb_product_brand' ),

'not_found' => __( 'Not Found', 'tb_product_brand' ),

'no_terms' => __( 'No brands', 'tb_product_brand' ),

'items_list' => __( 'Brandlist', 'tb_product_brand' ),

'items_list_navigation' => __( 'Brand list navigation', 'tb_product_brand' ),

);

$rewrite = array(

'slug' => 'brand',

'with_front' => true,

'hierarchical' => true,

);

$args = array(

'labels' => $labels,

'hierarchical' => true,

'public' => true,

'show_ui' => true,

'show_admin_column' => true,

'show_in_nav_menus' => true,

'show_tagcloud' => true,

'rewrite' => $rewrite,

'show_in_rest' => true,

);

register_taxonomy( 'tb_product_brand', array( 'product' ), $args );

}

add_action( 'init', 'tb_product_brand_taxonomy', 0 );

chèn xong lưu lại quay lại sản phẩm ta sẽ thấy 1 dòng Product Brands xuất hiện trong Sản phẩm nhé

Thêm thương hiệu sản phẩm – product brand WooCommerce wordpress

Tạo Image field cho Product Brand

Khi tạo Brand rồi, bạn cần img để add logo cho thương hiệu đó, nên việc add thêm hình là cần thiết cách làm như sau

Dùng Plugin Acf Tạo 1 Field Group mới với tên gọi Product Brand Fields. Tạo 1 image field với tên gọi Brand Logo

Tạo Image field cho Product Brand

Phần Location, chọn Taxonomy is equal to Product Brand. Sau đó bấm Publish

Quay lại trang quản lý thương hiệu, mục Brand Logo đã hiện ra kèm theo 1 nút bấm Add Image để thêm hình ảnh cho Brand.

Quay lại trang quản lý thương hiệu, mục Brand Logo đã hiện ra kèm theo 1 nút bấm Add Image để thêm hình ảnh cho Brand.

ok vậy là bạn tạo thành công cột logo cho thương hiệu nhé

Tạo cột hiển thị Logo trong trang quản lý Product Brands – Thêm thương hiệu sản phẩm – product brand Woocoommece wordpress

Quay lại trang Product Brands, mặc dù mình đã thêm logo cho Gateron và Lindy nhưng trang này không có cột nào hiển thị logo, gây khó khăn cho việc quản lý.

Mình sẽ thêm một cột mới trong trang quản lý Products Brands. Nhìn vô sẽ biết brand nào đã có logo, brand nào đang bị thiếu logo cần bổ sung.

/**
 * Add ACF thumbnail columns to Product Brand custom taxonomy
 */
function add_thumbnail_columns($columns) {
    $columns['brand_logo'] = __('Logo');
    $new = array();
    foreach ($columns as $key => $value) {
        if ($key=='name') // Put the Thumbnail column before the Name column
            $new['brand_logo'] = 'Logo';
        $new[$key] = $value;
    }
    return $new;
    // Code end
}
add_filter('manage_edit-tb_product_brand_columns', 'add_thumbnail_columns');

/**
 * Output ACF thumbnail content in Linen Category custom taxonomy columns
 */
function thumbnail_columns_content($content, $column_name, $term_id) {
    if ('brand_logo' == $column_name) {
        $term = get_term($term_id);
       // $linen_thumbnail_var = get_field('thumbnail_id', $term);
	   
	   $image_id = get_term_meta( $term->term_id, 'brand_logo', true );
	   $image_data = wp_get_attachment_image_src( $image_id, 'full' );
	  
	   if ( $image_data != false ) {
		   $image = $image_data[0];
		  $content = '<img src="' .  esc_url( $image ) . '" width = "60px" alt="'. $term->name .'"/>';
	   }
	  
	   /*if ( $image_id ) {
			$image = wp_get_attachment_image( $image_id,  array('80', 'auto') );
			if( $image ){
			    $content = $image;
			}
  		}*/		
      
	   //$content = '<img src="'.$linen_thumbnail_var['url'].'" width="60" />';
	    //$content = print_r($image_data);
     }
    return $content;
}
add_filter('manage_tb_product_brand_custom_column' , 'thumbnail_columns_content' , 10 , 3);

/**

* Add ACF thumbnail columns to Product Brand custom taxonomy

function add_thumbnail_columns($columns) {

$columns['brand_logo'] = __('Logo');

$new = array();

foreach ($columns as $key => $value) {

if ($key=='name') // Put the Thumbnail column before the Name column

$new['brand_logo'] = 'Logo';

$new[$key] = $value;

}

return $new;

// Code end

}

add_filter('manage_edit-tb_product_brand_columns', 'add_thumbnail_columns');

/**

* Output ACF thumbnail content in Linen Category custom taxonomy columns

function thumbnail_columns_content($content, $column_name, $term_id) {

if ('brand_logo' == $column_name) {

$term = get_term($term_id);

// $linen_thumbnail_var = get_field('thumbnail_id', $term);

$image_id = get_term_meta( $term->term_id, 'brand_logo', true );

$image_data = wp_get_attachment_image_src( $image_id, 'full' );

if ( $image_data != false ) {

$image = $image_data[0];

$content = '<img src="' . esc_url( $image ) . '" width = "60px" alt="'. $term->name .'"/>';

}

/*if ( $image_id ) {

$image = wp_get_attachment_image( $image_id, array('80', 'auto') );

if( $image ){

$content = $image;

}

}*/

//$content = '<img src="'.$linen_thumbnail_var['url'].'" width="60" />';

//$content = print_r($image_data);

}

return $content;

}

add_filter('manage_tb_product_brand_custom_column' , 'thumbnail_columns_content' , 10 , 3);

Logo đã xuất hiện trong trang quản lý Product Brands

Thiết lập thương hiệu cho sản phẩm

Truy cập trang quản lý Products và thiết lập thương hiệu cho các sản phẩm tương ứng.

Sau đó, mình có thể truy cập vào trang thương hiệu, Nếu bị báo lỗi 404, bạn quay lại trang Admin, truy cập vào mục Setting – Permalinks và bấm Save Changes là được.

Hiển thị logo thương hiệu trên trang sản phẩm

Một số sản phẩm lúc này đã được thiết lập thương hiệu nhưng chỉ mới ở phần backend. Ngoài trang front-end, thông tin thương hiệu vẫn chưa hiện ra. Bổ sung thêm đoạn code này để hiển thị logo thương hiệu trong trang sản phẩm và trang shop.

// Add Brand Logo to Single Product page  and Product Archive
add_action('woocommerce_single_product_summary','tb_single_product_logo', 1);
add_action('woocommerce_after_shop_loop_item', 'tb_single_product_logo', 10 );
function tb_single_product_logo() {
  
   $terms = get_the_terms( get_the_ID(), 'tb_product_brand');
  //print_r($terms);
  if(is_array($terms) || is_object($terms)){
	echo '<div class="tb-brand-logo">';
  	foreach ((array) $terms as $term ) {
    	$thumbnail_id = get_term_meta($term->term_id, 'brand_logo', true ) ;
	  	if ( $thumbnail_id ) {
			$image = wp_get_attachment_image( $thumbnail_id, 'full', $icon = false ,  array( 'class' => 'brand-logo', 'alt' => $term->name ) );
			if( $image ){
				echo sprintf( '<a href="%s">%s</a>', get_term_link( $term ), $image );
			}
  		}		
  	}
	echo '</div>';
  }
}

// Add Brand Logo to Single Product page and Product Archive

add_action('woocommerce_single_product_summary','tb_single_product_logo', 1);

add_action('woocommerce_after_shop_loop_item', 'tb_single_product_logo', 10 );

function tb_single_product_logo() {

$terms = get_the_terms( get_the_ID(), 'tb_product_brand');

//print_r($terms);

if(is_array($terms) || is_object($terms)){

echo '<div class="tb-brand-logo">';

foreach ((array) $terms as $term ) {

$thumbnail_id = get_term_meta($term->term_id, 'brand_logo', true ) ;

if ( $thumbnail_id ) {

$image = wp_get_attachment_image( $thumbnail_id, 'full', $icon = false , array( 'class' => 'brand-logo', 'alt' => $term->name ) );

if( $image ){

echo sprintf( '<a href="%s">%s</a>', get_term_link( $term ), $image );

}

echo '</div>';

}

Thêm chút css cho nó đẹp hơn nhé

.tb-brand-logo {
  margin-bottom: 10px;
}
.tb-brand-logo .brand-logo {
    max-width: 100px;
}

.tb-brand-logo {

margin-bottom: 10px;

}

.tb-brand-logo .brand-logo {

max-width: 100px;

}

create-product-brands- Logo thương hiệu đã xuất hiện trên trang sản phẩm nhé

Bài viết hơi dài có thể bạn phải ngâm cứu thật kỹ mới làm thành công được, Nếu trường hợp bạn cần hộ trợ liên hệ tớ sẽ hộ trợ nhé

Thêm thương hiệu sản phẩm – product brand Woocoommece wordpress

Thêm thương hiệu sản phẩm trong WooCommerce WordPress có nhiều lợi ích. Dưới đây là một số trường hợp sử dụng phổ biến:

Xây dựng và quản lý danh mục sản phẩm: Thương hiệu giúp bạn tạo ra danh mục sản phẩm được phân loại theo từng nhóm riêng biệt. Điều này giúp khách hàng dễ dàng tìm kiếm và lựa chọn các sản phẩm của bạn.
Tạo niềm tin và uy tín: Bằng cách thêm thương hiệu vào sản phẩm, bạn xây dựng niềm tin và uy tín cho khách hàng. Thương hiệu giúp người tiêu dùng nhận ra và nhớ về các sản phẩm của bạn, đồng thời nâng cao độ tin cậy vào chất lượng của chúng.
Quảng cáo hiệu quả: Khi khách hàng biết được thương hiệu của bạn, việc quảng cáo và tiếp thị trở nên dễ dàng hơn. Bạn có thể tận dụng logo và thông điệp của thương hiệu để thu hút khách hàng mới và duy trì sự quan tâm từ khách hàng hiện có.
Phân loại bộ sưu tập sản phẩm: Thương hiệu cũng giúp bạn phân loại các bộ sưu tập sản phẩm riêng biệt. Điều này giúp tạo ra những trải nghiệm mua sắm độc đáo và thú vị cho khách hàng.

Tóm lại, Thêm thương hiệu sản phẩm – product brand Woocoommece wordpress việc thêm thương hiệu sản phẩm trong WooCommerce WordPress giúp bạn xây dựng niềm tin, tăng cường quảng cáo và tạo ra trải nghiệm mua sắm tốt hơn cho khách hàng.

Chúc bạn thành công