trong wordpress Sửa thiết lập URL sản phẩm khi kích vào ra một tab mới target=_BLANK thì sửa chỗ nào ? | Forum Solution Global Infomation

trong wordpress Sửa thiết lập URL sản phẩm khi kích vào ra một tab mới target=_BLANK thì sửa chỗ nào ?

rootadmin

Administrator
Staff member
#1
Trong WordPress, để thay đổi thiết lập URL sản phẩm và mở liên kết trong một tab mới khi người dùng nhấp vào, bạn cần chỉnh sửa các liên kết sản phẩm trong trang của bạn. Tùy thuộc vào cách bạn đang hiển thị sản phẩm (ví dụ: qua giao diện cửa hàng, plugin WooCommerce, hoặc các trang tùy chỉnh), có thể sẽ có những cách khác nhau để thực hiện điều này.


Dưới đây là cách để thực hiện việc mở liên kết sản phẩm trong một tab mới với thuộc tính target="_blank" trong các tình huống phổ biến:

1. Thêm target="_blank" vào liên kết sản phẩm trong giao diện WordPress (Không sử dụng plugin)

Nếu bạn muốn liên kết sản phẩm trên giao diện của mình mở trong một tab mới, bạn có thể thay đổi mã nguồn trong tệp template.


  • Mở tệp template của trang cửa hàng hoặc sản phẩm, thường là archive-product.php, content-product.php, hoặc single-product.php (tùy vào theme).
  • Tìm dòng mã hiển thị liên kết sản phẩm, thường sẽ có dạng như sau:
<a href="<?php the_permalink(); ?>">Xem sản phẩm</a>



  • Để mở liên kết trong tab mới, bạn chỉ cần thêm thuộc tính target="_blank" vào thẻ <a>:

<a href="<?php the_permalink(); ?>" target="_blank">Xem sản phẩm</a>


2. Sử dụng WooCommerce (nếu bạn sử dụng plugin WooCommerce)

Nếu bạn sử dụng WooCommerce, các liên kết sản phẩm trong trang cửa hàng hoặc sản phẩm thường được tự động tạo ra. Để thay đổi chúng:




  1. Chỉnh sửa mã trong theme:

    • Bạn cần tìm tệp template hiển thị sản phẩm, thường là content-product.php.
    • Tìm mã tương tự:
  2. <a href="<?php the_permalink(); ?>">Xem sản phẩm</a>


    • Thêm thuộc tính target="_blank":
  3. <a href="<?php the_permalink(); ?>" target="_blank">Xem sản phẩm</a>



  4. Sử dụng plugin tùy chỉnh: Một số plugin như "WooCommerce Customizer" có thể cho phép bạn thay đổi cách thức liên kết sản phẩm mở mà không cần chỉnh sửa mã nguồn.

3. Sử dụng một Plugin để Tùy chỉnh Liên kết

Nếu bạn không muốn chỉnh sửa mã nguồn, bạn có thể sử dụng các plugin như "Link Target" hoặc "External Links" để thêm thuộc tính target="_blank" vào tất cả các liên kết ra ngoài trang web (bao gồm liên kết sản phẩm).


Các bước cơ bản:



  • Cài đặt và kích hoạt plugin.
  • Cấu hình plugin để tất cả các liên kết sản phẩm mở trong tab mới.

4. Sử dụng CSS hoặc JavaScript (nếu muốn thêm thuộc tính trên toàn bộ liên kết sản phẩm)

Nếu bạn không muốn sửa mã PHP, bạn có thể thêm một chút JavaScript hoặc CSS để thay đổi hành vi liên kết.



  • JavaScript: Thêm đoạn mã này vào phần footer.php hoặc qua một plugin tùy chỉnh:

document.querySelectorAll('.product a').forEach(function(link) {
link.setAttribute('target', '_blank');
});


  • CSS: CSS không thể trực tiếp thêm thuộc tính target, nhưng nếu muốn thay đổi cách thức hiển thị khi liên kết mở trong tab mới, bạn có thể sử dụng CSS để điều chỉnh hình thức liên kết.
5. Chỉnh sửa Cài đặt trong Plugin hoặc Widget (nếu sử dụng widget hoặc shortcode)

Nếu bạn đang sử dụng một plugin hoặc widget để hiển thị sản phẩm, có thể plugin đó sẽ cung cấp tùy chọn để mở liên kết trong tab mới. Hãy kiểm tra phần cài đặt của plugin hoặc widget đó.



Lưu ý:


  • Sau khi thực hiện bất kỳ thay đổi nào, hãy kiểm tra lại trang web của bạn để đảm bảo rằng các liên kết sản phẩm hoạt động như mong muốn (mở trong tab mới).
  • Đảm bảo bạn sao lưu trang web trước khi thực hiện bất kỳ thay đổi lớn nào.
 
Top