Cần tạo một mẫu sản phẩm đơn tùy chỉnh trong WooCommerce avec Elementor?

Tính năng tạo chủ đềElementor (phiên bản pro) cho phép bạn tạo các mẫu tùy chỉnh cho tất cả các phần trong chủ đề của mình, bao gồm cả trang sản phẩm duy nhất nếu bạn sử dụng WooCommerce.

Không yêu cầu kỹ năng viết mã để tạo mẫu sản phẩm độc đáo được cá nhân hóa với Elementor. Bạn có thể sử dụng trình chỉnh sửa trực quan của Elementor.

Khi tạo mẫu sản phẩm độc đáo tùy chỉnh cho cửa hàng của bạn WooCommerce Với Elementor, bạn có thể xác định nơi mẫu sẽ được áp dụng. Cho dù trên toàn bộ Website, một sản phẩm nhất định, sản phẩm trong một danh mục nhất định, sản phẩm của một số nhãn, v.v.

Mẫu sản phẩm đơn lẻ tùy chỉnh mà bạn tạo sẽ ghi đè mẫu sản phẩm đơn lẻ mặc định của chủ đề đang hoạt động.

Cách tạo Mẫu sản phẩm đơn tùy chỉnh cho WooC Commerce với Elementor

Quá trình tạo mẫu sản phẩm đơn tùy chỉnh cho WooC Commerce trong Elementor không khác gì tạo mẫu bài đăng đơn tùy chỉnh. Bạn có thể tạo một mẫu sản phẩm đơn lẻ tùy chỉnh từ một mẫu hoặc từ đầu.

Elementor cung cấp 4 mẫu sản phẩm tùy chỉnh để bạn lựa chọn.

Đọc cũng: Cách sử dụng Widget bài viết của Elementor

Trong bài viết này, chúng tôi sẽ chỉ cho bạn cách tạo một mẫu sản phẩm đơn tùy chỉnh từ một mẫu được xác định trước.

Để bắt đầu, hãy truy cập Mẫu – > Trình tạo chủ đề để mở màn hình Trình tạo chủ đề. Nhấp vào biểu tượng dấu cộng trong tab Sản phẩm đơn của bảng điều khiển bên trái.

Cách tạo Mẫu sản phẩm đơn tùy chỉnh trong WooC Commerce với Elementor

Trong cửa sổ Thư viện mẫu phần tử xuất hiện, chọn một mẫu bạn thích và nhấp vào nút chèn để nhập nó vào trình soạn thảo Elementor.

Cách tạo Mẫu sản phẩm đơn tùy chỉnh trong WooC Commerce với Elementor

Sau khi mô hình được tải vào trình chỉnh sửa Elementor, bạn có thể nhấp vào nút PUBLISH công bố mô hình. Nhưng trước khi làm như vậy, bạn có thể cần sửa đổi một số phần để phù hợp với thương hiệu hoặc sở thích của mình.

Khám phá thêm: Cách thêm các mục liên quan trong Elementor

Để giúp bạn dễ dàng tìm hiểu cấu trúc của mô hình, bạn có thể sử dụng chức năng Bộ điều hướng.

Để chỉnh sửa một tiện ích, bạn có thể nhấp vào tay cầm của tiện ích đó (hoặc chỉ cần chọn tiện ích đó qua Bộ điều hướng) để đưa tiện ích vào chế độ chỉnh sửa. Sau đó, bạn có thể chuyển sang bảng điều khiển bên trái để chỉnh sửa tiện ích.

Khi bạn hoàn tất chỉnh sửa mẫu, hãy nhấp vào nút PUBLISH xuống trên bảng điều khiển bên trái.

Trong hộp thoại xuất hiện, nhấp vào nút THÊM ĐIỀU KIỆN để xác định nơi bạn muốn áp dụng mẫu này.

Cách tạo Mẫu sản phẩm đơn tùy chỉnh trong WooC Commerce với Elementor

Để áp dụng mẫu sản phẩm đơn tùy chỉnh cho tất cả các sản phẩm, bạn có thể chọn PRODUITS.

Để đặt mẫu sản phẩm đơn lẻ tùy chỉnh cho các sản phẩm thuộc danh mục hoặc thẻ nhất định, hãy chọn thẻ/danh mục mong muốn từ trình đơn thả xuống. Bấm vào LƯU VÀ ĐÓNG.

Cách tạo Mẫu sản phẩm đơn tùy chỉnh trong WooC Commerce với Elementor

Cho đến giờ, bạn đã tạo thành công mẫu sản phẩm độc đáo tùy chỉnh của mình. Bạn có thể thoát trình chỉnh sửa Elementor để quay lại bảng điều khiển WordPress.

Bản thân Elementor cho phép bạn tạo nhiều mẫu sản phẩm độc đáo tùy chỉnh. Ví dụ: bạn có thể tạo hai hoặc nhiều mẫu sản phẩm duy nhất tùy chỉnh và áp dụng từng mẫu sản phẩm duy nhất tùy chỉnh cho các sản phẩm thuộc các danh mục hoặc thẻ khác nhau.

Tải xuống Elementor Pro ngay bây giờ !!!

Kết luận

Vì thế ! Vậy là xong bài viết này hướng dẫn bạn cách tạo một mẫu sản phẩm đơn tùy chỉnh trong WooC Commerce với Elementor. Nếu bạn có bất kỳ thắc mắc nào về cách đến đó, hãy cho họ biết trong ý kiến.

Tuy nhiên, bạn cũng có thể tham khảo ý kiến tài nguyên của chúng tôi, nếu bạn cần thêm các yếu tố để thực hiện các dự án tạo trang Internet của mình, bằng cách tham khảo hướng dẫn của chúng tôi về Tạo blog WordPress hoặc một ngày Divi: chủ đề WordPress tốt nhất mọi thời đại.

Nhưng trong lúc này, chia sẻ bài viết này trên các mạng xã hội khác nhau của bạn.

...