Cách tạo một trang sản phẩm tùy chỉnh

Tạo một khối mới #

Các khối có thể được đặt tên bất kỳ, nhưng chúng tôi sẽ sử dụng những khối tiếp theo làm ví dụ và đặt tiền tố cho chúng là CPL (bố cục sản phẩm tùy chỉnh).

• Toàn cục: tạo một khối trống mới ‘CPL – Global’
• Theo danh mục: tạo một khối trống mới ‘CPL Category – Clothing’
• Theo sản phẩm đơn lẻ: tạo một khối trống mới ‘CPL Single – Design 1’
• Vị trí: Bảng điều khiển → Khối → Thêm mới

Kích hoạt trang sản phẩm tùy chỉnh (toàn cục, theo danh mục hoặc theo sản phẩm đơn lẻ) #

→ Toàn cục #

• Kích hoạt ‘Tùy chỉnh’ trong các tùy chọn bố cục trang sản phẩm và chọn khối bạn vừa tạo cho mục đích bố cục trang sản phẩm tùy chỉnh.
• Lưu và thoát khỏi cài đặt.
• Vị trí: Tùy chọn giao diện → Cửa hàng → Trang sản phẩm

→ Theo danh mục #

• Điều hướng đến màn hình chỉnh sửa danh mục để chọn bố cục tùy chỉnh

Tích hợp ưu tiên danh mục chính có sẵn với cả YOAST và Rank Math khi được kích hoạt.

→ Theo sản phẩm đơn lẻ #

• Điều hướng đến màn hình chỉnh sửa một sản phẩm đơn lẻ để chọn bố cục tùy chỉnh

Cấu hình trang sản phẩm tùy chỉnh #

• Sau khi bạn đã thoát khỏi bảng cài đặt từ bước trước, điều hướng đến một trang sản phẩm hiện có ở giao diện người dùng mà bạn đã thiết lập trước đó. Để có trải nghiệm tốt nhất, bạn nên chọn một sản phẩm đã được thiết lập hoàn chỉnh, ví dụ như có một vài hình ảnh, mô tả ngắn, v.v. Bằng cách đó, bạn có thể dễ dàng hình dung hơn về phần trang mà bạn sẽ tạo.
• Chỉnh sửa trang bằng cách sử dụng liên kết “Chỉnh sửa bố cục sản phẩm với UX Builder” trong thanh quản trị

Giải thích các liên kết chỉnh sửa:

Chế độ chỉnh sửa #

Khi trình tạo UX được mở, bạn sẽ có các yếu tố Trang sản phẩm ở bảng điều khiển bên trái trong phần ‘Trang sản phẩm’.

Bắt đầu với ‘Khoảng trống’ và ‘Hàng’ là một cách tốt để bắt đầu xây dựng trang.

Các yếu tố trang sản phẩm (bảng điều khiển bên trái)	Mẫu phân cấp trang nhỏ (trình tạo UX)

Trong trường hợp một plugin thêm nội dung/chức năng vào một hoặc nhiều hook ‘woocommerce_…’, điều quan trọng là phải thêm chúng theo cách thủ công bằng yếu tố ‘Product Hooks’, bạn phải thêm nó vào trang để xem nội dung hoặc chức năng. Để giữ tất cả các yếu tố riêng lẻ trên trang với các plugin thêm chức năng như vậy, có thể cần phải re-hooking tùy chỉnh.

flatsome_custom_single_product_x #

Là các hook được tạo sẵn (trống) để móc nội dung tùy chỉnh vào trong trường hợp cần thiết

Shortcode cho bố cục trang sản phẩm tùy chỉnh #

Đây là liên kết của các shortcode cho bố cục sản phẩm tùy chỉnh: http://docs.uxthemes.com/article/247-custom-product-page-layout-shortcodes

Chỉ cần sao chép shortcode mong muốn của bạn vào khối trang sản phẩm và bắt đầu tùy chỉnh bố cục một cách nhanh chóng.