Mục lục
Cũng từ dự án khách hàng rồi ra ý tưởng, khách hàng e muốn tạo 1 nút copy link cho sản phẩm woocommerce để khi người dùng vào điện thoại copy cho nó tiện, nên hôm nay e chia sẻ code cho mọi người luôn
Tính năng
Code sẽ thêm một nút “Copy Link” vào trang sản phẩm trong WooCommerce và sao chép link của sản phẩm vào clipboard khi người dùng nhấp vào nút đó.
Video demo
Ưu điểm
- Dễ dàng cho người dùng khi muốn sao chép link
- Code có thể tinh chỉnh theo ý bạn muốn nếu bạn là coder
Nói sơ lược qua vậy thôi chứ mình vào vấn đề chính luôn
Chia sẻ code nút copy link cho sản phẩm woocommerce
- Có 2 cách đó là thêm code vào hoặc cài plugin do mình phát triển
- Các bạn có thể sửa code sao cho hợp với website của bạn nhé
- Có thể thay thế nút copy bằng icon gì đó cho đẹp ( tại mình viết vội quá nên không thêm icon gì )
Cách 1: thêm code vào funtion.php
- Thêm code trên vào file funtion.php của website “nhớ thêm vào child theme nhé để khi cập nhật theme nó không mất” ( Xem hình bên dưới )
Cách 2: Thêm plugin bởi Web An Tâm phát triển
Lời muốn nói
Trong quá trình các bạn thêm code hoặc cài plugin vào có vấn đề gì thì nhắn mình xử lý nhé