Hướng dẫn custom woocommerce phần 11

17/03/2016 04:33 17270

Table of Contents

Trước khi anh chi vào bài viết này nên xem qua bài viết Các khái niệm featured image, thumbnail, add image size là gì?

Một số code liên quan đến video:

Remove ảnh đại diện và gallery product mặc định của woocoommerce

remove_action("woocommerce_before_single_product_summary","woocommerce_show_product_images",20);

1	remove_action("woocommerce_before_single_product_summary","woocommerce_show_product_images",20);

Function lấy ảnh đại diện của sản phẩm và hiển thị thay thế cho hình ảnh mặc định của woocommerce

function custom_get_featured_image(){
	global $post;
	echo get_the_post_thumbnail(get_the_ID(), 'shop_single' );
}
add_action("woocommerce_before_single_product_summary","custom_get_featured_image",20);

function custom_get_featured_image(){

global $post;

echo get_the_post_thumbnail(get_the_ID(), 'shop_single' );

}

add_action("woocommerce_before_single_product_summary","custom_get_featured_image",20);

Code thêm tab chứa hình ảnh sản phẩm (gallery product)

add_filter( 'woocommerce_product_tabs', 'add_new_product_tab' );
function add_new_product_tab( $tabs ) {
	
	// Adds the new tab
	$tabs['hinh_anh_san_pham'] = array(
		'title' 	=> __( 'Hình ảnh sản phẩm', 'woocommerce' ),
		'priority' 	=> 50,
		'callback' 	=> 'tab_hinh_san_pham'
	);
	

	return $tabs;

}
function tab_hinh_san_pham(){
	global $post;
	$_product_image_gallery = get_post_meta($post->ID,"_product_image_gallery",true);
	$_product_image_gallerys = explode("," ,$_product_image_gallery);
	if($_product_image_gallerys):
	foreach($_product_image_gallerys as $id_image):
		//$post_thumbnail_id = get_post_thumbnail_id($id_image);
		$src_thumbnail =wp_get_attachment_image_src($id_image ,'full');

		?>
        <p>
        <?php //echo $id_image; ?>
        <img src="<?php echo $src_thumbnail[0]; ?>" />
        </p>
        <?php
	endforeach;
	endif;
	
}

add_filter( 'woocommerce_product_tabs', 'add_new_product_tab' );

function add_new_product_tab( $tabs ) {

// Adds the new tab

$tabs['hinh_anh_san_pham'] = array(

'title' => __( 'Hình ảnh sản phẩm', 'woocommerce' ),

'priority' => 50,

'callback' => 'tab_hinh_san_pham'

);

return $tabs;

}

function tab_hinh_san_pham(){

global $post;

$_product_image_gallery = get_post_meta($post->ID,"_product_image_gallery",true);

$_product_image_gallerys = explode("," ,$_product_image_gallery);

if($_product_image_gallerys):

foreach($_product_image_gallerys as $id_image):

//$post_thumbnail_id = get_post_thumbnail_id($id_image);

$src_thumbnail =wp_get_attachment_image_src($id_image ,'full');

<p>

<?php //echo $id_image; ?>

</p>

<?php

endforeach;

endif;

}

Các bài viết khác có thể hữu ích với bạn

4.8/5 (16 Đánh giá)

Gửi Phản Hồi

0 Bình Luận

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

Tạo slide danh mục sản phẩm nổi bật trong woocommece bằng slick [ 05/11/2023 04:13 ]
Các vấn đề liên quan tới customize woocommerce [ 15/05/2023 02:30 ]
Thêm một item menu vào my account woocommerce [ 25/03/2023 08:38 ]
Cho phép chỉnh sửa xóa sản phẩm ở trang thanh toán checkout [ 31/08/2022 02:43 ]
Add to cart woocommerce with meta item [ 13/07/2022 08:11 ]
Code xử lý giỏ hàng cart woocommerce [ 08/07/2022 11:32 ]
Cách làm sản phẩm đã xem woocommerce [ 25/06/2022 09:31 ]
Thêm một item vào nav my account woocommerce [ 21/06/2022 14:48 ]
Tùy biến địa chỉ trong my account woocommerce [ 21/06/2022 06:49 ]
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 ]

Hướng dẫn custom woocommerce phần 11

Remove ảnh đại diện và gallery product mặc định của woocoommerce

Function lấy ảnh đại diện của sản phẩm và hiển thị thay thế cho hình ảnh mặc định của woocommerce

Code thêm tab chứa hình ảnh sản phẩm (gallery product)

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)