Cách hiển thị sản phẩm trong woocomerce wordpress bằng php

Học làm website wordpress

Bạn đang tìm hiểu cách để hiển thị sản phẩm trong woocomerce như thế nào ? Bạn xem qua nhiều code từ nhiều nguồn nhưng thấy nó gọi tùm lum xem muốn nổ não ? Sau đây mình xin chia sẻ đến bạn cách để hiển thị  thông tin sản phẩm woocomerce trên wordpress bằng php các bạn xem và áp dụng nhé

1/ Tại sao phải hiển thị thông tin sản phẩm bằng code php woocomerce ?

Đây là câu hỏi mà nhiều bạn vẫn tự hỏi tại sao phải hiển thị thông tin sản phẩm lên chi cho mệt trong khi bản thân wordpress nó đã hỗ trợ cho bạn và đóng gói thành các shortcode hết sức ngắn gọn. Khi bạn cần show lên bạn chỉ việc gọi các shortcode này là đã sẵn sàng cho banj sử dụng.

Để hiển rõ hơn các bạn có thể mở file content-single-product.php  trong woocomerce  để hiểu rõ hơn cách tổ chức của nó thế nào nhé. Sau đây mình xin giới thiệu các điểm chính để bạn xem qua

do_action( ‘woocommerce_before_single_product_summary’ );// Hiển thị cho bạn các hook như sau

Hook hiển thị sản hình ảnh sản phẩm và giảm giá sản phẩm nếu có bạn sẽ nhìn thấy được bên trái trang chi tiết sản phẩm có phần hình ảnh to to là nó đấy. Bạn không cần biết về PHP vẫn có thể sử dụng được hết sức đơn giản và dễ dàng chỉ cần code và pass code trên vào phần bạn muốn hiển thị cho trang content-single-product.php.

Tiếp theo bạn sẽ nghĩ đến cách hiển thị chi tiết bên tay phải gồm mô tả thông tin sản phẩm giá và giới thiệu chung về sản phẩm đúng không nè. Và đoạn code này sẽ làm nên điều đó

2/ Các mã hiển thị sản phẩm woocomerce phổ biến

Ok bên trên là mình giới thiệu sơ qua cho các bạn về cách sử dụng các shortcode có sẵn của woocomerce trong wordpress giúp bạn hiển thị thông tin sản phẩm wordpress. Nhưng để tùy biến tốt nhất thì vẫn là cách bạn phải code tay từng dòng để dễ dàng kiểm soát lệnh.

Trong wordpress để hiển thị sản phẩm dạng danh sách bạn phải dùng vòng lặp và tham số truyền vào là một mảng chẳng hạn như thế này

Đoạn code trên gồm các tham số post_type lấy thông tin từ product với các trạng thái publish và số lượng cần lấy là 12 .Tiếp theo bạn gọi hàm để thực thi cho tham số đầu vào là mảng này

$products_lamwebsieure = new WP_Query( $args );

Lúc này bạn đã có 1 list các product và cho vào biến $products_lamwebsieure. Tiếp theo là bạn dùng vòng lặp để lấy ra từng thông tin sản phẩm mong muốn thôi nhé.

while ( $products_lamwebsieure ->have_posts() ) : $products_lamwebsieure ->the_post(); global $product;

Các thông số chỉnh để lấy thông tin sản phẩm bao gồm như sau:

$image_url = wp_get_attachment_image_src( get_post_thumbnail_id( $products_lamwebsieure ->post->ID ), ‘single-post-thumbnail’ );

Lấy thông tin liên kết image. Bạn cho vào biến $image_url  để lưu tạm liên kết nhé. Tiếp theo là bạn sử dụng mảng để dùng url image như sau

3/ Tóm lại

Vài chia sẻ giúp các bạn trong việc hiển thị thông tin sản phẩm trong wordpress. Mong sẽ hữu ích cho các bạn trong việc tìm hiểu và tùy biến sản phẩm trên wordpress.

Các bạn có điểm nào chưa rõ có thể để lại comment mình sẽ hỗ trợ giúp các bạn.

Chúc các bạn thành công !

Please wait...
Nguyễn Tâm Blog

Blog Làm web siêu rẻ mình lập ra làm nơi chia sẻ kiến thức về thủ thuật máy tính, google, facebook, youtube được mình tổng hợp từ nhiều nguồn rất mong nhận ý kiến đóng góp từ các bạn để blog thêm hoàn chỉnh

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 *

7 − 2 =