Sau khi cài đặt thành công wordpress và woocommerce, ta và trong cấu trúc thư mục của woocommerce để tìm hiểu ý nghĩa các file trong đó. cấu trúc thư mục của template plusgin woocommerce:
cart/ – Các tập tin template liên quan đến hiển thị giỏ hàng
cart-empty.php – Hiển thị giỏ hàng trống.
cart-item-data.php – Hiển thị biến thể bên trong giỏ hàng.
cart-shipping.php – Hiển thị khu vực chọn kiểu giao nhận trong giỏ hàng.
cart-total.php – Hiển thị hộp tính tổng giỏ hàng.
cart.php – Hiển thị cả giỏ hàng.
cross-sell.php – Hiển thị sản phẩm bán chéo.
mini-cart.php – Hiển thị giỏ hàng mini ở widget.
process-to-checkout-button.php – Nút chuyển qua trang thanh toán. Thế mà nó cũng nhét vô thành một template nữa.
shipping-calculator.php – Hiển thị hộp tính phí giao nhận trong giỏ hàng.
checkout/ – Các tập tin template hiển thị phần thanh toán.
cart-errors.php – Hiển thị trang giỏ hàng bị lỗi.
form-billing.php – Hiển thị các form nhập thông tin hóa đơn của khách hàng.
form-checkout.php – Cấu trúc toàn bộ form trang thanh toán.
form-coupon.php – Hiển thị form nhập mã ưu đãi.
form-login.php – Hiển thị form đăng nhập.
form-pay.php – Hiển thị phần trả tiền, bao gồm phần tổng kết giỏ hàng và phần chọn phương thức thanh toán.
form-shipping.php – Hiển thị khung nhập địa chỉ nhận hàng.
order-receipt.php - hiển hị phần hóa đơn đặt hàng
payment-method.php – Hiển thị nút chọn phương thức thanh toán.
payment.php – Hiển thị thông tin các phương thức thanh toán và nút đặt hàng.
review-order.php – Hiển thị phần xem lại hóa đơn.
terms.php - phần danh mục
thankyou.php – Hiển thị trang cám ơn sau khi thanh toán xong.
emails/ – Các template hiển thị email thông báo của Woocommerce.
plain/ – Template hiển thị email dạng chữ thông thường.
admin-cancelled-order.php – Nội dung email báo đơn hàng bị hủy cho admin.
admin-failed-order.php - Nội dung email báo đơn hàng bị lỗi cho admin
admin-new-order.php – Nội dung email thông báo đơn hàng mới cho admin.
customer-completed-order.php – Nội dung email thông báo đơn hàng đã hoàn thành cho khách hàng.
customer-invoice.php – Nội dung email thông báo hóa đơn cho khách hàng.
customer-new-account.php – Nội dung email thông báo thông tin tài khoản mới cho khách hàng.
customer-note.php – Nội dung email thông báo có ghi chú mới vừa thêm vào hóa đơn cho khách hàng.
customer-on-hold-order.php - phần hiển thị email giữ hàng
customer-processing-order.php – Nội dung email thông báo đơn hàng đang xử lý cho khách hàng.
customer-refunded-order.php – Nội dung email thông báo đơn hàng đã được hoàn trả.
customer-reset-password.php – Nội dung email thông báo khôi phục mật khẩu cho khách hàng.
email-addresses.php – Phần hiển thị địa chỉ trong email.
email-customer-details.php - hiển thị chi tiết email phần khách hàng
email-downloads.php - hiển thị email phần tải xuống
email-order-details.php - hiển thị chi tiết email đặt hàng
email-order-items.php – Phần hiển thị các sản phẩm của đơn hàng trong email.
email-footer.php – Phần hiển thị footer trong email.
email-header.php - Phần hiển thị header trong email.
email-styles.php – CSS của email.
global/ – Các template hiển thị các thành phần trên toàn bộ các trang của Woocommerce.
breadcrumb.php – Hiển thị thanh điều hướng.
form-login.php – Hiển thị form đăng nhập.
quantity-input.php – Hiển thị trường chọn số lượng.
sidebar.php – Hiển thị sidebar của Woocommerce.
wrapper-end.php – Hiển thị phần kết thúc của phần tử bao quanh cấu trúc trang.
wrapper-start.php – Hiển thị phần bắt đầu của phần tử bao quanh cấu trúc trang.
loop/ – Toàn bộ các phần tử trong vòng lặp hiển thị sản phẩm của Woocommerce.
add-to-cart.php – Nút thêm vào giỏ hàng.
loop-end.php – Phần tử kết thúc vòng lặp, chỉ có mỗi thẻ <ul> trong đó hehe.
loop-start.php – Phần tử bắt đầu vòng lặp.
no-product-found.php – Dòng h iển thị không tìm thấy sản phẩm.
order.php / orderby.php – Khung hiển thị kiểu sắp xếp hiển thị sản phẩm.
pagination.php – Hiển thị phần phân trang.
price.php – Hiển thị giá.
rating.php – Hiển thị cái đánh giá sản phẩm.
result-count.php – Hiển thị số đếm két quả.
sale-flash.php – Hiển thị cái nhãn hiển thị chữ SALE trên sản phẩm khi sản phẩm đó được giảm giá.
title.php – Hiển thị tiêu đề sản phẩm.
myaccount/ – Các template hiển thị phần tài khoản trong Woocommerce.
dashboard.php - bảng tin
downloads.php - phần tải về
form-add-payment-method.php – Form hiển thị trang thêm phương thức thanh toán.
form-edit-account.php – Hiển thị form sửa tài khoản.
form-edit-address.php – Hiển thị form sửa email.
form-login.php – Form đăng nhập.
form-lost-password.php – Form quên mật khẩu.
lost-password-confirmation.php - xác nhận quyên mật khẩu
my-account.php – Template hiển thị trang My Account.
my-address.php – Template hiển thị trang My Address.
my-downloads.php – Template hiển thị phần các sản phẩm đã mua có thể download.
my-orders.php – Template hiển thị phần My orders.
navigation.php - hiển thị phân trang
orders.php - hiển thị đặt hàng
payment-methods.php - hiển thị phương thức thanh toán
view-order.php – Template hiển thị trang xem đơn hàng trong trang tài khoản.
notices/ – Các template hiển thị thông báo.
error.php – Thông báo lỗi.
notice.php – Thông báo.
success.php – Thông báo thành công.
order/ – Các template hiển thị đơn hàng.
form-tracking.php – Form theo dõi đơn hàng.
order-again.php – Hiển thị phần đặt lại đơn hàng.
order-details-customer.php – Hiển thị thông tin chi tiết khách hàng trong đơn hàng.
order-details-item.php – Hiển thị thông tin chi tiết sản phẩm trong đơn hàng.
order-details.php – Hiển thị thông tin chi tiết của đơn hàng.
order-downloads.php - Hiển thị thông tin tải của đơn hàng.
tracking.php – Hiển thị trang theo dõi đơn hàng.
single-product/ – Các template hiển thị các phần tử trong trang hiển thị chi tiết các sản phẩm.
add-to-cart/ – Các template hiển thị nút thêm vào giỏ hàng trong trang chi tiết sản phẩm.
external.php – Nút thêm vào giỏ hàng đối với sản phẩm liên kết ngoài.
grouped.php – Nút thêm vào giỏ hàng đối với sản phẩm được nhóm.
simple.php – Nút thêm vào giỏ hàng với sản phẩm đơn giản.
variable.php – Nút thêm vào giỏ hàng với sản phẩm chứa biến thể.
variation.php - hiển thị sản phẩm có nhiều lựa chọn thuộc tính khác nhau và giá cả sẽ tùy thuộc vào các thuộc tính đó.
variation-add-to-cart-button.php - hiển thị nút lựa chọn của sản phẩm có nhiều lựa chọn thuộc tính khác nhau
tabs/ – Các template hiển thị nội dung của tab thông tin trong sản phẩm.
additonal-information.php – Tab hiển thị thông tin thêm của sản phẩm.
description.php – Tab hiển thị mô tả sản phẩm.
tabs.php – Cấu trúc các tab.
meta.php – Hiển thị phần thông tin meta của sản phẩm như danh mục, từ khóa,…
price.php – Hiển thị giá.
product-attributes.php – Hiển thị thuộc tính sản phẩm.
product-image.php – Hiển thị hình ảnh sản phẩm.
product-thumbnails.php – Hiển thị các hình ảnh gallery của sản phẩm.
photoswipe.php -hiển thị mẫu thanh bên của cửa hàng
rating.php – Hiển thị phần đánh giá điểm sao.
related.php – Hiển thị phần sản phẩm liên quan.
review.php – Hiển thị danh sách đánh giá khách hàng.
review-meta.php - Hiển thị thẻ danh sách đánh giá khách hàng
review-rating.php - hiển thị đánh giá số sao của khách hàng
sale-flash.php – Hiển thị nhãn hiển thị chứ Sale.
share.php – Hiển thị phần chia sẻ sản phẩm lên mạng xã hội.
short-description.php – Hiển thị phần mô tả ngắn.
stock.php - hiển thị phần sản phẩm từng phần
title.php – Hiển thị tiêu đề.
up-sells.php – Hiển thị sản phẩm bán thêm.
archive-product.php – Template hiển thị cấu trúc trang lưu trữ của sản phẩm.
content-product.php – Template hiển thị cấu trúc nội dung hiển thị sản phẩm được gọi từ archive-product.php.
content-product_cat.php – Template hiển thị cấu trúc nội dung sản phẩm trong category.
content-single-product.php – Template hiển thị cấu trúc nội dung hiển thị trong trang chi tiết một sản phẩm.
content-widget-price-filter.php - Cấu trúc hiển thị nội dung sản phẩm trong widget lọc
content-widget-product.php – Cấu trúc hiển thị nội dung sản phẩm trong widget.
content-widget-reviews.php - cấu trúc hiển thị xem nội dung đánh giá sản phẩm
product-searchform.php – Cấu trúc hiển thị form tìm sản phẩm.
single-product-reviews.php – Cấu trúc hiển thị danh sách đánh giá của khách hàng trong trang chi tiết sản phẩm.
single-product.php – Cấu trúc hiển thị trang chi tiết một sản phẩm.
taxonomy-product_cat.php – Cấu trúc hiển thị trang danh mục sản phẩm.
taxonomy-product_tag.php – Cấu trúc hiển thị trang từ khóa sản phẩm.
Trên đây là ý nghĩa của từng file trong thư mục template của woo, ta cần sửa phần nào thì mở thư mục lên, tìm tên hàm liên quan và thực hiện truy tung trong forder woocommerce để tìm ra vị trí thực hiện của hàm trong file nào rồi copy fi;le đó về theme sao cho đồng cầu trúc thư mục, mọi hoạt động thêm sửa xóa định nghĩa lại thực hiện trong file copy chứ không thực hiện tại file gốc trong woocommerce.
Sử dụng woo như một công cụ để phun ra dữ liệu sau đó định nghĩa lại càng hàm hook của woo, thêm sửa xóa các thẻ , class để sao cho giống giao diện thiết kế sẵn.
ví dụ file cart-empty.php – Hiển thị giỏ hàng trống. khi giỏ hàng trống, bọc bên ngoài là thẻ <p></p>
ta có thể bọc bên ngoài thẻ div class="trong"
và xóa bỏ thẻ p cũ đi
thế bằng thẻ i vị trí tương ứng
khi giỏ hàng trống:
ta có thể thêm thẻ h2 bọc ngoài
thank you! bạn đã theo dõi, hy vọng bạn tìm thấy câu trả lời của mình trong bài viết này.
wordpress bài 2: định nghĩa giỏ hàng và giao diện cửa hàng bằng phương pháp ghi đè
bài hướng dẫn cài đặt và tải sourecode wordpress lên hosting online
Nhận xét :
Đăng nhận xét