Cách cài đặt theme bán hàng Woodmart trên WordPress (Part 3)

Tiếp tục trong bài hướng dẫn này, chúng ta sẽ thiết lập tùy chọn cho các trang

1. Tùy chọn cho các trang

Một công cụ mạnh mẽ khác để tùy chỉnh trang web của bạn là các tùy chọn cho các trang. Bạn có thể định cấu hình bố cục, tiêu đề, tiêu đề trang và những thứ khác cho bất kỳ trang cụ thể nào.
Tất cả các cài đặt được chia thành các khối sau:

Header Option:

Tùy chỉnh Header cho trang này –  Nếu bạn đang sử dụng Header Builder của theme cho tùy chỉnh Header của mình, bạn có thể chọn một bố cục khác từ danh sách cho trang cụ thể này;

TÙY CHỌN TIÊU ĐỀ TRANG:

Tắt tiêu đề trang –  Bạn có thể ẩn tiêu đề trang cho trang này;

Hình ảnh cho tiêu đề trang –  Tải lên và đặt hình ảnh trên nền tiêu đề;

Màu nền tiêu đề trang – Đặt màu cho nền tiêu đề;

Màu văn bản cho tiêu đề –  Kế thừa, Sáng, Tối;

Kích thước tiêu đề trang –   Mặc định, Nhỏ, Lớn;

CÁC TÙY CHỌN SIDEBAR

Vị trí Sidebar –   Kế thừa, Không có, Trái, Phải;

Kích thước Sidebar –  Kế thừa, Nhỏ, Trung bình, Lớn;

Sidebar tùy chỉnh cho trang này – chọn Sidebar cho trang;

Tắt chân trang – Bạn có thể tắt chân trang cho trang này;

Disable prefooter –  Bạn có thể tắt prefooter cho trang này;

Vô hiệu hoá bản quyền –  Bạn có thể vô hiệu hoá bản quyền cho trang này;

2. Tùy chọn cho trang sản phẩm

2.1 Cài đặt chính của trang sản phẩm

Sidebar sản phẩm đơn – tùy chọn để đặt nội dung và căn chỉnh Sidebar cho các trang sản phẩm đơn lẻ: Sidebar trái / Sidebar phải / Chiều rộng đầy đủ

Kích thước Sidebar – tùy chọn đặt các kích thước khác nhau cho Sidebar của các trang sản phẩm đơn lẻ của bạn: Nhỏ / Trung bình / Lớn

Trang sản phẩm có chiều rộng đầy đủ – tùy chọn để kéo dài nội dung trang sản phẩm đơn lẻ.

Header sản phẩm đơn thả xuống – Header khác nhau cho các trang sản phẩm đơn lẻ khác nhau.

Hướng dẫn kích thước – tùy chọn để đính kèm bảng hướng dẫn kích thước cho các danh mục sản phẩm cụ thể

AJAX Thêm vào giỏ hàng – tùy chọn để bật tùy chọn AJAX thêm vào giỏ hàng trên trang sản phẩm duy nhất. Sẽ không hoạt động với các plugin thêm một số trường tùy chỉnh vào biểu mẫu thêm vào giỏ hàng.

Thêm vào giỏ hàng – Phần Thêm vào giỏ hàng sẽ hiển thị ở cuối màn hình khi trang sản phẩm được cuộn xuống

Thêm văn bản vào trước/ sau “Nút Thêm vào giỏ hàng”  – tùy chọn để chèn nội dung hoặc mã ngắn khối HTML sẽ được hiển thị trước / sau nút “Thêm vào giỏ hàng”.

2.2 Hình ảnh

Hình ảnh biến thể bổ sung – tùy chọn để thêm khả năng tải lên hình ảnh bổ sung cho từng biến thể trong các sản phẩm biến thể.

Hành động nhấp vào hình ảnh chính – tùy chọn Bật / tắt tính năng thu phóng hoặc tùy chọn Photoswipe hoặc chuyển sang cửa sổ bật lên vuốt ảnh.

Hiện   ” Phóng to hình ảnh” biểu tượng Nhấn vào  – tùy chọn để mở một hình ảnh trong cửa sổ bật lên và vuốt để zoom

Chiều cao tự động của băng chuyền chính Hữu ích khi bạn có hình ảnh sản phẩm với chiều cao khác nhau.

Chú thích hình ảnh trên hộp đèn Photo Swipe Hiển thị văn bản phụ đề bên dưới hình ảnh khi bạn mở cửa sổ bật lên vuốt ảnh. Chú thích có thể được thêm vào hình ảnh của bạn thông qua thư viện Media.

2.3 Hiển thị/ ẩn các phần tử

Vị trí Breadcumbs – tùy chọn để đặt vị trí khác cho phần đường dẫn trên trang của sản phẩm: Mặc định và bên dưới tiêu đề

Điều hướng sản phẩm  – Bật / tắt điều hướng sản phẩm tiếp theo / trước đó.

Mô tả ngắn  – Bật / tắt văn bản mô tả ngắn trong khối tóm tắt của sản phẩm.

Hiển thị bảng thuộc tính sau mô tả ngắn  – Bật / tắt hiển thị bảng thuộc tính thay vì mô tả ngắn.

Hiển thị meta sản phẩm  – Danh mục, thẻ, SKU – Sau nút Thêm vào giỏ hàng / Sau Tab / Ẩn

Thanh tiến trình tồn kho   – Bật / tắt hiển thị một số sản phẩm đã bán và còn hàng dưới dạng thanh tiến trình. Thêm thông tin

2.4 Các Tab

Bố cục tab – tùy chọn để chọn kiểu cho các tab sản phẩm mà bạn cần: Tabs hoặc Accordion

Ngay sau khi “Accordion” được chọn, các tùy chọn bổ sung sẽ được cung cấp –

Vị trí các tab Chuẩn và “Nút Sau khi Thêm vào giỏ hàng” 

Vị trí bài đánh giá – tùy chọn để định vị bài đánh giá trong các tab sản phẩm hoặc trong một phần riêng biệt

Ẩn tiêu đề tab – Bật / tắt ẩn tiêu đề tab

Tiêu đề tab bổ sung và nội dung tab bổ sung -đây là tùy chọn chung thêm tab bổ sung cho tất cả các sản phẩm. Tùy chọn này cho phép chèn bất kỳ văn bản hoặc mẫu trình tạo trang WPBakery nào bằng mã ngắn HTML Block

3. Menu danh mục sản phẩm

3.1 Menu danh mục sản phẩm trong trang cửa hàng

Có một tùy chọn để hiển thị các danh mục Sản phẩm trong tiêu đề trang cửa hàng được định cấu hình trong Cài đặt chủ đề> Trang cửa hàng> Thanh bên và Page Title Demo

Tùy chọn “Danh mục trong tiêu đề trang” sẽ hiển thị menu Danh mục sản phẩm được tạo tự động dựa trên tất cả các danh mục hiện có trong cửa hàng. Có tùy chọn để ẩn danh mục trống.

Theo mặc định, các danh mục phụ sẽ được hiển thị dưới dạng danh sách thả xuống:

 

3.2 Menu danh mục sản phẩm trong biểu mẫu tìm kiếm

Phần tử tìm kiếm trong Header Builder có tùy chọn để hiển thị danh sách các danh mục hiện có trên trang web. Danh sách này không thể được chỉnh sửa. Chọn Danh mục sẽ tạo ra tất cả các danh mục.

3.3 Các biểu tượng danh mục sản phẩm trong menu

Trang Danh mục sản phẩm cung cấp tùy chọn để chèn biểu tượng cho menu. Mỗi trang Danh mục sản phẩm có các tùy chọn bổ sung có thể được tìm thấy trong Trang tổng quan -> Sản phẩm -> Danh mục -> Chọn và chỉnh sửa Danh mục:

4. Sản phẩm đơn và sản phẩm có biến thể

Sản phẩm có biến thể là sản phẩm có nhiều hơn 1 lựa chọn trong các thuộc tính. Ví dụ: Màu sắc, kích thước, chất liệu,…

Theo mặc định, các thuộc tính sản phẩm biến thể được hiển thị dưới dạng trình đơn thả xuống trong WooCommerce. Theme WoodMart gợi ý tùy chọn để hiển thị các thuộc tính dưới dạng mẫu. Swatch có sẵn ở định dạng văn bản, màu sắc hoặc hình ảnh. Swatch chỉ có thể được định cấu hình cho các thuộc tính chung.

Swatches ở định dạng văn bản:

Swatch được bật trong Trang tổng quan -> Sản phẩm -> Thuộc tính -> chọn thuộc tính -> Định cấu hình mặt hàng -> Chỉnh sửa -> Bật mẫu

Tất cả các thuộc tính sẽ được trình bày dưới dạng văn bản thay vì trình đơn thả xuống.

Swatches dưới dạng định dạng màu:

Để hiển thị mục thuộc tính dưới dạng mẫu màu (thuộc tính màu như trên hình trên), cần thiết lập màu trong “Xem trước màu cho giá trị này” và màu sẽ có chế độ xem như trong hình trên.

Swatches dưới dạng hình ảnh từ các biến thể sản phẩm

Có một tùy chọn để hiển thị các mẫu màu dưới dạng hình ảnh.

Video hướng dẫn cách tạo sản phẩm có biến thể.

Với 3 bài viết mà mình đã hướng dẫn, mình hi vọng rằng nó hữu ích để các bạn có thể cài đặt và thiết lập được cho mình 1 Website bán hàng đẹp mắt và hiệu quả. Vì hạn chế về khuân khổ nên mình cũng không thể hướng dẫn chi tiết hơn. Nếu các bạn có gặp vướng mắc và cần giúp đỡ, hãy liên hệ hoặc để lại yêu cầu. Mình sẽ hỗ trợ các bạn giải quyết những vướng mắc đó.

Chia sẻ bài viết:
Share on facebook
Share on twitter
Share on google
Share on telegram

112 thoughts on “Cách cài đặt theme bán hàng Woodmart trên WordPress (Part 3)”

Leave a Comment

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 *