Khi sử dụng Plugin Woocommerce làm trang bán hàng trên website WordPress, ngoài việc dùng các widget có sẵn của plugin này thì chúng ta cũng cần tìm hiểu thêm các hàm hiển thị dữ liệu cho Woocommerce để có thể tự tùy biến được nó nữa.
Đây là bài viết mình muốn chia sẻ tới những bạn mới tìm hiểu và tự tùy biến hiển thị sản phẩm Woocommerce. Mong rằng nó sẽ giúp các bạn được phần nào đó!
Code các hàm hiển thị dữ liệu từ Woocommerce
Tổng hợp các hàm hiển thị dữ liệu cho Woocommerce:
– Hiển thị tiêu đề sản phẩm
|
1 |
<?php the_title() ;?> |
– Hiển thị Link Sản phẩm
|
1 |
<?php the_permalink() ;?> |
– Hiển thị hình ảnh sản phẩm
|
1 |
<?php the_post_thumbnail("thumbnail",array( "title" => get_the_title(),"alt" => get_the_title() ));?> |
Trong đó thumbnail chính là kích thước của ảnh, bạn có thể thay bằng medium, large, full
– Hiển thị mô tả sản phẩm
|
1 |
?php the_excerpt() ;?> |
– Hiển thị Danh sách hình ảnh sản phẩm
|
1 2 3 4 5 6 7 8 9 |
<?php global $product; $attachment_ids = $product->get_gallery_attachment_ids(); foreach( $attachment_ids as $attachment_id ) { ?> <?php echo wp_get_attachment_image($attachment_id, 'thumbnail'); ?> <?php } ?> |
– Hiển thị nút mua hàng
|
1 2 3 4 5 6 7 8 9 10 |
<?php echo apply_filters( 'woocommerce_loop_add_to_cart_link', sprintf( '<a href="%s" rel="nofollow" data-product_id="%s" data-product_sku="%s" class="add-cart button %s product_type_%s buynow">Mua hàng</a>', esc_url( $product->add_to_cart_url() ), esc_attr( $product->id ), esc_attr( $product->get_sku() ), $product->is_purchasable() ? 'add_to_cart_button' : '', esc_attr( $product->product_type ), esc_html( $product->add_to_cart_text() ) ), $product ); ?> |
Ngày đăng bài
|
1 |
<?php echo get_the_time('d/m/y', get_the_ID()); ?> |
|
1 |
<?php the_author(); ?> |
|
1 |
<?php echo get_the_category_list( __( ', ', 'flatsome' ) ) ?> |
|
1 |
<?php echo get_comments_number(); ?> |
