Css 悬停产品图像时显示其他产品信息(例如图像标题)

Css 悬停产品图像时显示其他产品信息(例如图像标题),css,wordpress,hover,woocommerce,Css,Wordpress,Hover,Woocommerce,我正在使用WooCommerce插件来显示我的产品。问题是,当您查看产品类别(归档)时,您可以看到产品名称、图像和价格,但这并不能真正说明产品到底是什么 我想要的是,当您悬停产品图像时,可以获得更多信息。有点像。 我可以在WordPress媒体库中输入一些关于图像的信息:标题、标题、文本或描述,这可能吗 你可以去网上商店看看 编辑: 我发现编辑WooCommerce插件文件夹中的content-product.php文件时,如果我这样做: ?> random text <?php

我正在使用WooCommerce插件来显示我的产品。问题是,当您查看产品类别(归档)时,您可以看到产品名称、图像和价格,但这并不能真正说明产品到底是什么

我想要的是,当您悬停产品图像时,可以获得更多信息。有点像。 我可以在WordPress媒体库中输入一些关于图像的信息:标题、标题、文本或描述,这可能吗

你可以去网上商店看看

编辑:

我发现编辑WooCommerce插件文件夹中的content-product.php文件时,如果我这样做:

?>
random text
<?php
?>
随机文本

我最近在一个客户网站上做了这件事。我将每个产品的悬停文本从“添加到购物车”更改为产品简短描述。这是我的密码:

add_filter( 'woocommerce_product_add_to_cart_text', 'woo_archive_custom_cart_button_text' );    // 2.1 +
    
    function woo_archive_custom_cart_button_text() {
    //get the product object
    global $product;
    $id = $product->get_id();
    $descript = $product->get_short_description();

    //take out html from description
    $descript1 = strip_tags($descript);

    //shorten description length to fit the product image box
    if (strlen($descript1) > 100){
       $descript1 = substr($descript1, 0, 99) . '...';
    }
    
    return __( $descript1, 'woocommerce' );
    
    }

只需要为此创建服装场,你可以详细说明一下吗?是的,当然!!只需使用类型插件或任何其他服装字段插件,并添加一些服装字段,以获取有关产品的附加信息。比如,如果你想添加产品的型号,那么为型号添加一个文本行,并在你的单一产品页面或需要显示此字段的地方调用……添加自定义字段是我想我可以做到的,但我可能需要一些帮助,让它显示在产品目录的前端。我安装了插件,并为一些产品填写了一个字段。我仍然需要确切地知道要插入什么代码,确切地说是在哪个文件中。您添加了哪个字段,以及要在哪里显示这个字段文本区域字段。理想情况下,当鼠标悬停在产品图片顶部的产品目录(RCIVE)页面上时,我希望将其显示在产品图片的顶部。global$wc_cpdf$textarea=$wc_cpdf->get_value($post->ID,''u mytextarea');foreach($textarea as$value){echo$value;}如果要在单个产品页上显示数据,请在单个产品页或存档中添加此字段,然后在存档中添加此字段欢迎使用Stackoverflow。这是你的密码。。。那真是太好了,所以有可能帮助你。但有问题吗?
add_filter( 'woocommerce_product_add_to_cart_text', 'woo_archive_custom_cart_button_text' );    // 2.1 +
    
    function woo_archive_custom_cart_button_text() {
    //get the product object
    global $product;
    $id = $product->get_id();
    $descript = $product->get_short_description();

    //take out html from description
    $descript1 = strip_tags($descript);

    //shorten description length to fit the product image box
    if (strlen($descript1) > 100){
       $descript1 = substr($descript1, 0, 99) . '...';
    }
    
    return __( $descript1, 'woocommerce' );
    
    }