我想為Woocommerce迷你購物車中的產品名稱添加一個標題標簽（a href=..." title="..."），這樣當客戶將滑鼠停留在產品名稱上時，就會出現一個包含產品名稱的工具箱。有什么功能可以實作這個目標嗎？
uj5u.com熱心網友回復：
復制在
找到的檔案wp-content/plugins/woocommerce/templates/cart/mini-card.php -> wp-content/themes/your-theme/woocommerce/cart/mini-card.php
在你的商店的子主題中。
注意，如果你定制的是父主題而不是子主題，任何改變都會被主題更新所覆寫。
修改wp-content/themes/your-theme/woocommerce/cart/mini-cart.php中的代碼
。之前
<a href="<?php echo esc_url( $product_permalink ); ? > ">
<?php echo $thumbnail . wp_kses_post( $product_name ); //phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ? >
</a>
After
<a href="<?php echo esc_url( $product_permalink ) ; ? >" title="<?php echo esc_attr( $product_name); ? >">
<?php echo $thumbnail . wp_kses_post( $product_name ); //phpcs:ignore WordPress.Security.EscapeOutput.OutputNotEscaped ? >
</a>
關于工具提示，你可以使用'jquery-ui'。將下面的代碼添加到你的主題的 functions.php 中
。function my_scripts_method() /span>{
wp_enqueue_script('jquery')。
wp_enqueue_script('jquery-ui-core')。
}
add_action('wp_enqueue_scripts', 'my_scripts_method') 。
你需要將這段代碼添加到你的主題的js檔案中
。jQuery( function() {
jQuery( '.woocommerce-mini-car-item a').tooltip()。
} );
轉載請註明出處，本文鏈接：https://www.uj5u.com/yidong/324421.html
標籤：