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

时间:2016-03-14 10:49:25

标签: css wordpress hover woocommerce

我使用WordPress的WooCommerce插件来显示我的产品。问题是,当您查看产品类别(存档)时,您可以看到产品名称,图像和价格,但这并不能说明产品的确切含义。

我希望您在悬停产品图片时获得更多信息。有点像this的东西。 是否可以检索有关图像的一些信息,我可以在WordPress媒体库中输入:标题,标题alt文本或描述?

您可以查看网上商店here

修改

我发现在WooCommerce插件文件夹中编辑content-product.php文件,如果我把它放在:

?>
random text
<?php

在该文件的<li>部分的php标记内的某处,我可以获得随机文本&#39;在产品存档页面上显示产品图像的上方或下方。因此,如果我可以使用可以检索产品图像标题的功能或我可以为每个产品填写的某个自定义字段来替换它,那么这将大大有助于解决问题。 所以,如果有人知道这样做的功能,请在这里分享。

2 个答案:

答案 0 :(得分:0)

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;

}

答案 1 :(得分:0)

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

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