Cách xóa bỏ ảnh đại diện sản phẩm trong Gallery sản phẩm woocommerce

Xin chào các bạn! 😆 đây là bài viết mới nhất của mình, trước giờ lo làm web mà quên mất làm blog chia sẽ kiến thức cho anh em.

Mình không thích nói vòng vo màu mè nên xin phép vào chủ đề chính luôn nhé “Cách xóa bỏ ảnh đại diện sản phẩm trong Gallery sản phẩm woocommerce

Bạn nào làm web bán hàng chắc cũng phải gặp trường hợp như mình đây

Ví dụ: mình thêm 1 ảnh đại diện cho sản phẩm đó, nhưng mà khi vào chi tiết sản phẩm thì ảnh đó lại xuất hiện khiến mình rất khó chịu

Ảnh đại diện sản phẩm

Ảnh đại diện sản phẩm

Và đây là ảnh xuất hiện trong chi tiết sản phẩm

ảnh đại diện sản phẩm product woo

Và sau đây là cách để xóa bỏ ảnh đại diện xuất hiện như ví dụ trên nhé

Bước 1: Mở tệp functions.php

Mở bảng điều khiển quản trị WordPress của cửa hàng WooCommerce của bạn và chuyển đến Appearance > Theme editor

nhấp vào tệp functions.php

Giờ đây, bạn có thể thấy tệp functions.php của chủ đề được mở trên màn hình trình soạn thảo văn bản ở giữa trang.

Bước 2: Sao chép đoạn mã sau

/**
 * Exclude the featured image from appearing in the product gallery, if there's a product gallery.
 *
 * @param array $html Array of html to output for the product gallery.
 * @param array $attachment_id ID of each image variables.
 */
function rm_woocommerce_remove_featured_image( $html, $attachment_id ) {
	global $post, $product;
	// Get the IDs.
	$attachment_ids = $product->get_gallery_image_ids();
	// If there are none, go ahead and return early - with the featured image included in the gallery.
	if ( ! $attachment_ids ) {
		return $html;
	}
	// Look for the featured image.
	$featured_image = get_post_thumbnail_id( $post->ID );
	// If there is one, exclude it from the gallery.
	if ( is_product() && $attachment_id === $featured_image ) {
		$html = '';
	}
	return $html;
}
add_filter( 'woocommerce_single_product_image_thumbnail_html', 'rm_woocommerce_remove_featured_image', 10, 2 );

Bước 3: Thêm đoạn mã vào functions.php

Bây giờ quay lại màn hình Trình chỉnh sửa chủ đề trong khu vực quản trị WordPress. Trong bước đầu tiên, bạn đã mở tệp functions.php trên trình soạn thảo văn bản.

Nhấp vào bất kỳ đâu trên trình soạn thảo văn bản và cuộn xuống cuối tệp funcitons.php và dán đoạn mã trên vào cuối.

Bước 4: Lưu thay đổi

sau khi đã dánh mã coppy ở bước 2 thì nhấn nút lưu file function.php và thế là xong

Nếu bạn nào làm không được cứ liên hệ mình nhé

😆

1
0
Would love your thoughts, please comment.x
()
x