Thay đổi image size woocommerce

06/08/2020 03:07 1866

Thay đổi image size woocommerce: có thể nói bất cứ dự án nào sử dụng woocommerce để phát triển thì chúng ta đều phải custom image size theo yêu cầu. Dưới đây là code của nó

//change image at product single (big image at gallery)
function change_woocommerce_image_size_single($size){
	$size['width'] = 600;
	$size['height'] = 600;
	$size['crop'] = 1;
	return $size;
}
add_filter( 'woocommerce_get_image_size_single', 'change_woocommerce_image_size_single');
//small image below image gallery 
function change_woocommerce_image_size_gallery_thumbnail($size){
	$size['width'] = 150;
	$size['height'] = 150;
	$size['crop'] = 1;
	return $size;
}
add_filter( 'woocommerce_get_image_size_gallery_thumbnail', 'change_woocommerce_image_size_gallery_thumbnail');
//image at shop page 
function change_woocommerce_image_size_thumbnail($size){
	$size['width'] = 300;
	$size['height'] = 300;
	$size['crop'] = 1;
	return $size;
}
add_filter( 'woocommerce_get_image_size_thumbnail', 'change_woocommerce_image_size_thumbnail');

//change image at product single (big image at gallery)

function change_woocommerce_image_size_single($size){

$size['width'] = 600;

$size['height'] = 600;

$size['crop'] = 1;

return $size;

}

add_filter( 'woocommerce_get_image_size_single', 'change_woocommerce_image_size_single');

//small image below image gallery

function change_woocommerce_image_size_gallery_thumbnail($size){

$size['width'] = 150;

$size['height'] = 150;

$size['crop'] = 1;

return $size;

}

add_filter( 'woocommerce_get_image_size_gallery_thumbnail', 'change_woocommerce_image_size_gallery_thumbnail');

//image at shop page

function change_woocommerce_image_size_thumbnail($size){

$size['width'] = 300;

$size['height'] = 300;

$size['crop'] = 1;

return $size;

}

add_filter( 'woocommerce_get_image_size_thumbnail', 'change_woocommerce_image_size_thumbnail');

5/5 (13 Đánh giá)

Gửi Phản Hồi

0 Bình Luận

có thể bạn cần xem:

Cách làm sản phẩm đã xem woocommerce [ 25/06/2022 09:31 ]
Thêm “Liên hệ” vào price woocommerce khi không nhập giá cũng như hết hàng [ 09/05/2022 03:38 ]
Tạo bộ lọc sản phẩm woocommerce theo meta key [ 23/04/2022 04:28 ]
Bắt sự kiện add to cart để update giỏ hàng minicart [ 18/10/2021 13:49 ]
Thêm trường first name và last name vào trang account page woocommerce [ 18/10/2021 13:41 ]
Cách sử dụng wc_get_products [ 14/10/2021 13:51 ]
Thêm custom field vào general tab woocommerce [ 06/10/2021 02:42 ]
Fix user_login from example: nguyen tan tung to nguyentantung for woocommerce [ 07/09/2021 16:19 ]
Add custom fields to product variations woocommerce [ 06/09/2021 15:11 ]
Get product variation id by attribute id [ 04/09/2021 13:56 ]

Thay đổi image size woocommerce

có thể bạn cần xem:

Đăng ký nhận bài viết mới

Hướng dẫn thiết kế theme

Thiết kế theme wordpress phần 8

Thiết kế theme wordpress phần 7

Thiết kế theme wordpress phần 6

Thiết kế theme wordpress phần 5

Thiết kế theme wordpress-phần 4

Các functions thường dùng

Function xử lý upload to media wordpress

Function get ip address

Thay thế file_get_contents

Code tích hợp acf vào theme và plugin

Một số function thường dùng khi làm theme wordpress (some functions popular for work do theme worpdress)