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 đè

Cài xong wp kéo cả forder wp-content vào sublimetext để quản lý code, kích hoạt một theme có sẵn cài woo.

cách định nghĩa lại một giao diện woocommerce, muốn định nghĩa lại phần nào của giao diện thì sửa file template tương ứng ( không sửa trực tiếp trên forder plusgin/woocommerce để còn cập nhập ta chỉ copy sang theme đang làm sao cho giống forder và tên file trong plusgin/woocommerce).

ví dụ sửa trang cửa hàng mặc định của woo thì ta copy file archive-product.php về giao diện theme đang làm đặt cấu trúc vị trí giống như plusgin/woocommerce. kiểm tra phần tử của phần tiêu đề ta thấy cấu trúc của nó bọc bởi thẻ h1 và có class="page-title" ta muốn sửa thẻ thành h3 và đổi class="tieudeto" ta làm như sau:

code mạc định của archive-product.php

đổi thành thẻ b và class="tieudeto"

ví dụ khi mua hàng xong vào trang giỏ hàng ta muốn sửa lại phần bảng thông tin đơn hàng và muốn sửa phần tiều đề

như ảnh:

trang giỏ hàng thì vào forder cart: tạo forder mới trong woocommerce của theme đang tạo có tên là "cart" giống cấu trúc của plusgin/woocommerce/cart sau đó copy file cart.php trong plusgin về bỏ vào thư mục vừa tạo mới trong theme đang tạo và sửa code.