悬停产品图片时显示其他产品信息（例如图片标题）答案

【问题标题】：Display additional product information (e.g. image caption) when hovering product image悬停产品图片时显示其他产品信息（例如图片标题）
【发布时间】：2016-06-29 08:53:47
【问题描述】：

我正在使用 WordPress 的 WooCommerce 插件来展示我的产品。问题是，当您查看产品类别（存档）时，您可以看到产品名称、图片和价格，但这并不能真正说明产品的确切含义。

我希望在您将鼠标悬停在产品图片上时提供更多信息。有点像this。是否可以检索一些关于图像的信息，我可以在 WordPress 媒体库中输入这些信息：标题、标题替代文本或描述？

您可以查看网上商店here。

编辑：

我发现在 WooCommerce 插件文件夹中编辑 content-product.php 文件，如果我放这个：

?>
random text
<?php

在该文件<li> 部分的 php 标记内的某处，我可以在产品存档页面上的产品图像上方或下方显示“随机文本”。因此，如果我可以用一个可以检索产品图像标题或我可以为每个产品填写的自定义字段的函数替换它，那将大大有助于解决问题。因此，如果有人知道执行此操作的功能，请在此处分享。

【问题讨论】：

只需为此创建服装字段
您能详细说明一下吗？
是的！只需使用类型插件或任何其他服装字段插件并添加一些服装字段以获取有关您产品的其他信息。就像如果您想添加产品型号然后为型号添加文本行并在您的单个产品页面上调用或在您需要显示此字段的位置.......
添加自定义字段是我认为我能够做到的，但我可能需要一些帮助才能将其显示在产品目录的前端。

标签： css wordpress hover woocommerce

【解决方案1】：

hello sir just use this plugin
 https://wordpress.org/plugins/woocommerce-custom-product-data-fields/

for retrieving any costume fields do like this
Retrieving multiselect value



global $wc_cpdf;
$multiselect = $wc_cpdf->get_value($post->ID, '_mymultiselect');

foreach ($multiselect as $value) {

  echo $value;

}


Retrieving image value



global $wc_cpdf;

$image_id = $wc_cpdf->get_value($post->ID, '_myimage');

$size = 'thumbnail';

$image_attachment = wp_get_attachment_image($image_id, $size);

echo $image_attachment;

}

【讨论】：

我安装了插件并填写了一些产品的字段之一。我仍然需要确切地知道要在哪个文件的确切位置插入什么代码。
您添加了哪个字段以及希望在哪里显示这些字段
文本区域字段。理想情况下，当鼠标悬停时，我想在产品图片顶部的产品目录（存档）页面上显示它。
全球 $wc_cpdf; $textarea= $wc_cpdf->get_value($post->ID, '_mytextarea'); foreach ($textarea as $value) { echo $value; }
如果在您的单个产品页面上，您希望向您显示数据的位置，然后将此字段添加到您的单个产品页面或存档中，然后将其添加到您的存档中

【解决方案2】：

我最近为客户创建了一个网站。我将每个产品的悬停文本从“添加到购物车”更改为产品简短描述。这是我的代码：

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' );
    
    }

【讨论】：

欢迎来到 Stackoverflow。有你的代码......这真的很棒，所以它可以帮助你。但是有问题吗？