Ví dụ YITH WooCommerce Color and Label Variations cho Woocommerce Wordpress

Ví dụ YITH WooCommerce Color and Label Variations cho Woocommerce Wordpress là vấn đề được nhiều lập trình viên quan tâm, bởi những kiến thức trên trường lớp là không đủ, vì vậy bài Ví dụ YITH WooCommerce Color and Label Variations cho Woocommerce Wordpress sẽ chia sẻ tới bạn nhiều thông tin hữu ích

Mọi người vẫn hỏi tôi về việc học lập trình nói chung và Wordpress nói riêng có cần năng khiếu hay quá khó để tiếp cận hay không. Thì tôi có thể trả lời rằng, học lập trình cũng như việc bạn học tiếng Anh hay bất kỳ một ngôn ngữ khác, bởi lập trình...là ngôn ngữ của máy tính, để máy tính đọc và máy tính thực hiện theo yêu cầu của mình, bạn thích là học được.


Trong số các plugin nhỏ trong gói YITH Essential Kit for Woocommerce #1 mà mình đã giới thiệu trước đó thì có plugin này có lẽ rất nhiều bạn cần, mục đích của nó là giúp bạn tạo ra các tùy chọn màu sắc hoặc dạng nhãn, hình ảnh như ảnh dưới.

Hoàn toàn miễn phí nhé, mặc dù bản trả phí sẽ có nhiều tùy chọn hơn nhưng nếu bạn chỉ cần thế thì bản miễn phí đã là quá đủ.

Đầu tiên bạn phải cài plugin YITH Esential Kit for Woocommerce #1 vào mà mình đã hướng dẫn trước đó. Sau đó bạn vào YITH Plugins -> YITH Essential Kit for Woocommerce #1 và tìm plugin YITH WooCommerce Color and Label Variations để kích hoạt lên.

Plugin này bản miễn phí sẽ không có tùy chọn chi tiết như bản trả phí nên bạn vào thẳng phần Sản phẩm -> Các thuộc tính để tạo.

Thêm thuộc tính chọn màu sắc

Ở phần tạo thuộc tính, bạn chọn loại thuộc tính là Colorpicker.

Sau đó bạn vào trang thêm giá trị thuộc tính vừa tạo.

Và thêm từng giá trị màu sắc như ảnh dưới.

Làm tương tự nếu bạn muốn có nhiều màu sắc nhé.

Cuối cùng là bạn thêm nó vào sản phẩm có biến thể giống như hướng dẫn này. Kết quả sau khi thêm vào sản phẩm.

Thêm thuộc tính kiểu nhãn (Label)

Chúng ta tạo một thuộc tính sản phẩm kiểu label như sau:

Và tương tự ở trên, ta thêm giá trị vào cho nó.

Kết quả sau khi thêm một số giá trị cần thiết.

Và dĩ nhiên, bạn cũng đưa nó vào sản phẩm giống như cách thêm một sản phẩm có biến thể thông thường. Và đây là kết quả sau khi thêm:

Trường hợp label của bạn quá dài mà cái khung nó nhỏ thì thêm đoạn CSS sau vào style.css (sửa 30px thành độ rộng bạn muốn nới ra).

  .select_option span, .select_option img {   width: 30px;  }   

Thuộc tính kiểu Image còn lại các bạn làm tương tự nhé, cách sử dụng không khác gì nên có lẽ mình không viết ra thêm. Chúc các bạn thành công.

Hy vọng với bài viết về Ví dụ YITH WooCommerce Color and Label Variations cho Woocommerce Wordpress đã giải đáp giúp bạn phần nào về kiến thức lập trình Wordpress. Như tôi đã nói, ngôn ngữ lập trình không quan trọng bằng tư duy giải thuật, tư duy logic để giải quyết vấn đề.

Với những năm trước đây, lập trình viên là một cái nghề khó và kén chọn người học, đồng nghĩa với việc thu nhập hàng tháng của các lập trình viên luôn cao. Còn những năm gần đây, thì lập trình là môn học phổ thông, và ai cũng nên học một ngôn ngữ lập trình nào đó.

Nếu bạn còn bất kỳ câu hỏi nào trong việc học lập trình online, hãy gửi yêu cầu cho tôi qua email hoidapcode.com@gmail.com hoặc để lại comment bên dưới, tôi sẽ giải đáp trong vòng 24 giờ!

Blog hoidapcode.com là blog được tổng hợp tự động các bài học, thông tin về lập trình trên mạng internet. Nếu bạn có ý kiến hoặc đóng góp về bài viết này, hãy liên hệ với tôi!