提问者:小点点

WooCommerce如何在迷你购物车上为产品名称添加标题属性


我想为Woocommerce迷你购物车中的产品名称的锚定标记添加一个title属性,这样当客户将鼠标悬停在产品名称上时,将显示一个包含产品名称的工具箱。

<a href="" title=""></a>

是否有实现这一目标的功能?


共1个答案

匿名用户

复制在中找到的文件

wp-content/plugins/woocommerce/templates/cart/mini-cart.php -> wp-content/themes/your-theme/woocommerce/cart/mini-cart.php

你商店的儿童主题。

请注意,如果自定义父主题而不是子主题,则任何更改都将被主题更新覆盖。

改变代码在wp-内容/主题/你的主题/WooCommerce/购物车/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>

之后

<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”。将下面的代码添加到函数中。你的主题是什么

function my_scripts_method() {
    wp_enqueue_script('jquery');
    wp_enqueue_script('jquery-ui-core');
}
add_action('wp_enqueue_scripts', 'my_scripts_method');

您需要将此代码添加到js文件中的主题中

jQuery( function() {
    jQuery( '.woocommerce-mini-cart-item a').tooltip();
} );