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 SieuTocViet 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.

Woocommerce wordpress

Ecommerce wordpress

Việc cài đặt Woocommerce vào website WordPress ngày càng trở nên phổ biến và được nhiều doanh nghiệp đánh giá cao. Tất cả là nhờ vào những tính năng tuyệt vời mà WooCommerce mang lại cho mọi website bán hàng / website thương mại điện tử, cụ thể:

  • Chức năng tạo danh sách giúp quản trị web dễ dàng nhập và tra cứu thông tin về sản phẩm như: số lượng, mã, tên… khi khách hàng yêu cầu.
  • Chức năng tính toán chi phí tổng của từng đơn hàng cực kỳ chính xác – đáp ứng theo yêu cầu của từng khách hàng nhanh chóng.
  • Chức năng hỗ trợ thanh toán trực tiếp với nhiều hình thức đa dạng phù hợp với nhiều sự lựa chọn của khách hàng.
  • Chức năng hỗ trợ tính thuế doanh nghiệp hay thuế VAT theo yêu cầu thực tế của người mua.
  • Cung cấp nhiều template có sẵn giúp bạn dễ dàng xây dựng giao diện thiết kế website bất động sản phù hợp với nhu cầu để thu hút và giữ chân người dùng truy cập.
  • Chức năng xác nhận trạng thái đơn hàng giúp người bán và người mua biết chính xác thông tin về đơn hàng đang ở giai đoạn nào: xác nhận đơn, đang giao, đã giao hay hoàn lại.

Ecommerce wordpress

Code woocommerce

Hiển thị tiêu đề sản phẩm

<?php the_title() ;?>

Hiển thị Link Sản phẩm

<?php the_permalink() ;?>

Hiển thị hình ảnh sản phẩm

<?php the_post_thumbnail(“thumbnail”,array( “title” => get_the_title(),“alt” => get_the_title() ));?>

Hiển thị mô tả sản phẩm

?php the_excerpt() ;?>

Hiển thị Danh sách hình ảnh sản phẩm

<?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 } ?>
Code woocommerce

Hiển thị nút mua hàng

<?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

Người đăng bài

Code lấy chuyên mục bài đăng

Số commem bài đăng

<?php echo get_comments_number(); ?>

Woocommerce page

Mặc định sau khi cài xong Woocommerce, bạn vào phần quản lý trang (Pages) sẽ thấy có một số trang mặc định mà Woocommerce tự tạo ra để có thể sử dụng các chức năng cần thiết trên trang bán hàng.

Ở đây bao gồm:

  • Cửa hàng: Trang này sẽ hiển thị các sản phẩm mới nhất trên thiết kế website cao cấp và có phân trang.
  • Giỏ hàng: Trang này sẽ là trang giỏ hàng của bạn khi thêm hàng vào giỏ, nó sẽ hiển thị các sản phẩm có trong giỏ hàng.
  • Tài khoản của tôi: Đây là trang quản lý tài khoản của khách hàng nếu họ đăng nhập vào website.
  • Thanh toán: Trang thanh toán đơn hàng, hay còn gọi là trang Checkout đó mà.

Còn cái Trang mẫu là cái Sample page khi cài WordPress, không có gì cả.

Trong đó, trang Cửa hàng sẽ được thiết lập ở [textmarker color=”247BFF”]Woocommerce -> Cài đặt -> Sản phẩm -> Hiển thị[/textmarker].

Woocommerce page

Các trang còn lại tuy không thiết lập ở đây nhưng để nó hoạt động thì nội dung phải cần có các shortcode tương ứng như sau:

  • Giỏ hàng: [woocommerce_cart]
  • Tài khoản của tôi: [woocommerce_my_account]
  • Thanh toán: [woocommerce_checkout]

Dĩ nhiên là những shortcode đó đều có trong các trang mặc định mà Woocommerce tạo ra rồi.

Shop woocommerce

Hướng dẫn thiết lập shop làm trang chủ

Khi cài woocommerce nó đã cài sẵn cho chúng ta một trang tên cửa hàng (Shop) để hiển thị danh sách các sản phẩm mới nhất. Chúng ta có thể tận dụng chức năng thiết lập một trang tĩnh thành trang chủ của wordpress để đưa thiết kế website chuẩn seo trang cửa hàng đó ra ngoài trang chủ, bằng cách truy cập vào Cài đặt -> Đọc -> Một trang tĩnh và chọn trang chính là cửa hàng. Nếu bạn muốn có một trang hiển thị bài viết mới nhất thì chọn ở phần trang bài viết. Sau khi lưu lại bạn sẽ thấy trang chủ của mình là một trang cửa hàng. Chỉ đơn giản là như thế thôi.

5/5 - (1 bình chọn)

Woocommerce wordpress - Những thủ thuật trong Woo wordpress

Lê Trương Tấn Lộc (Website: sieutocviet.page)

Với hơn 3 năm kinh nghiệm Python / PHP / CSS / JS / WORDPRESS, 5 năm kinh nghiệm trong quản trị website tư vấn giải pháp SEO từ khóa, Marketing tối ưu nhất cho doanh nghiệp. Chuyên viên tư vấn sản phẩm: Hosting, Email doanh nghiệp, VPS, App web design.

Hiện đang là trưởng phòng kinh doanh tại Siêu Tốc Việt.