Home / Wordpress / Code tùy biến hiển thị sản phẩm Woocommerce wordpress

Code tùy biến hiển thị sản phẩm Woocommerce wordpress

Code tùy biến hiển thị sản phẩm Woocommerce wordpress

Chào các bạn nhé, nay mình thấy có 1 bài viết rất hay nói về hook product box, nên làm ngay bài viết này cho các bạn dễ hiểu và hình dung, cả mình cũng hay cần thì vào nhớ lại hi

Vào vấn đề nhé

Hiển thị gallery của sản phẩm:

Bạn muốn hiển Thị tất cả hình trong gallery ra ngoài trang chủ sản phẩm, bạn thêm dòng này vào function.php nhé

function gallery_product(){
    global $product;?>
        <?php $attachment_ids = $product->get_gallery_attachment_ids();
        if ($attachment_ids){
        echo '<div class="gallery-custom">';
        foreach( $attachment_ids as $attachment_id ) { ?>
        <?php echo wp_get_attachment_image($attachment_id, 'thumbnail'); ?>
        <?php }
        echo '</div>';
        }
}
add_action('woocommerce_before_shop_loop_item_title','gallery_product');

 

Hiển thị countdown cho sản phẩm khuyến mãi.

các bạn lưu ý nhé, đoạn này mình sài theme flatsome nên có thể sử dụng mã code countdown này, còn các bạn sài theme khác thì các bạn tao shortcode countdown riêng rồi thay đoạn ‘[ ux_countdown year=”2020″ ]’ này đi là được, bạn có thể tham khảo cách tạo shortcode qua bài này của mình : https://congdongblog.com/code-number-counter-animation-scroll/

function countdown_product(){
    echo do_shortcode('[ ux_countdown year="2020" ]');
}
add_action('woocommerce_after_shop_loop_item','countdown_product',10);

Hiển thị % giá tiết kiệm đối với các sản phẩm SALE

function saveprice(){
    global $product;
    if( $product->is_on_sale()){
        $regular_price = (float) $product->get_regular_price();
        $sale_price = (float) $product->get_price();
        $saving_percentage = round( 100 - ( $sale_price / $regular_price * 100 ), 1 ) . '%';
        echo '<span>Tiết kiệm: '.$saving_percentage.'</span>';
    }
}
add_action('woocommerce_after_shop_loop_item_title','saveprice');

 

Vậy là xong rồi đó, các  bạn có thể kiểm tra kết quả nhé

xong nhé anh em, thấy hay tiếc gì 1 like nhỉ phải không anh em :p

Các bạn có gì thắc mắc cứ liên hệ với mình hoặc để lại comment bên dưới, like face để có nhiều tin mới hơn nhé. mình sẽ hỗ trợ hết sức, thank you mọi người nhé!

About admin

congdongblog.com và congdongshop.com là một nhé mọi người, trang website đều do admin là Nguyễn Trung Thông sở hữu và quản lý, với đam mê CNTT , trang này dùng để chia sẽ kinh nghiệm những gì mình có, những gì mình làm được lên đây cho mọi người cùng học nhé, có gì sai sót mọi người bỏ qua nhé

Bạn Chưa biết ?

Hướng Dẫn Khắc Phục Webstite Bị Hack Tiếng Nhật, Mã Độc, Redirect

Hướng Dẫn Khắc Phục Webstite Bị Hack Tiếng Nhật, Mã Độc, Redirect

ContentsCode tùy biến hiển thị sản phẩm Woocommerce wordpressHiển thị gallery của sản phẩm:Hiển thị …

2 comments

  1. Code này hiển thị sản phẩm trong chuyên mục được không ad

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Đánh giá facebook