1

我正在将 Woocommerce 用于 1800 多种产品的电子商店。Woocommerce 带有一个内置的 PrettyPhoto 灯箱插件。默认情况下，当您单击以缩放灯箱中的图像时，它会加载原始 Wordpress 图像大小。

Woocommerce 在模板“product-image.php”中调用此原始图像。我可以修改那个。变量 $image_link 调用原始大小。我想调用我已经制作的自定义尺寸。我只是不知道怎么称呼它，我在文档、论坛和网站上找了一天多，但找不到。

我需要修改 $image_link 以便它调用我的自定义图像大小（我通过 add_image_size 添加的）。但是怎么做？我知道这是 Wordpress 的基础知识，但我无法完成...

我的网站示例（点击放大，它显示了 1600 像素宽的缩小图像，但我想要一个更小的图像）：http ://www.affichesmarci.com/shop/the-railys-cycling-act/ 

<?php
    if ( has_post_thumbnail() ) {

        $image              = get_the_post_thumbnail( $post->ID, apply_filters( 'single_product_large_thumbnail_size', 'shop_single' ) );

        $image_title        = esc_attr( get_the_title( get_post_thumbnail_id() ) );
        $image_link         = wp_get_attachment_url( get_post_thumbnail_id() );

        $attachment_count   = count( $product->get_gallery_attachment_ids() );

        if ( $attachment_count > 0 ) {
            $gallery = '[product-gallery]';
        } else {
            $gallery = '';
        }

        echo apply_filters( 'woocommerce_single_product_image_html', sprintf( '<a href="%s" itemprop="image" class="bigbox woocommerce-main-image zoom" title="%s" rel="prettyPhoto' . $gallery . '">%s</a>', $image_link, $image_title, $image ), $post->ID );

    } else {

        echo apply_filters( 'woocommerce_single_product_image_html', sprintf( '<img src="%s" alt="Placeholder" class="bigbox" />', woocommerce_placeholder_img_src() ), $post->ID );

    }
?>

<?php do_action( 'woocommerce_product_thumbnails' ); ?>
4

4 回答 4

5

我自己找到了解决方案。

调用全尺寸图像的原始变量。

$image_link = wp_get_attachment_url( get_post_thumbnail_id() );

调用自定义大小“缩放”的新变量。

$image_link = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'zoom' );
于 2013-09-20T08:27:57.020 回答
0

如果您已经在函数中设置了“add_image_size”，我认为您可以轻松编辑

$image              = get_the_post_thumbnail( $post->ID, apply_filters( 'single_product_large_thumbnail_size', 'shop_single' ) );

至

$image              = get_the_post_thumbnail( $post->ID, apply_filters( 'your_thumbnail_name', 'shop_single' ) );

您还可以使用 WP 的默认尺寸，即“缩略图”、“中”、“大”和“完整”

于 2013-08-15T08:22:20.863 回答
0

好的，添加大尺寸而不是完整尺寸

$image_link = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'large');

现在$image_link改为$image_link[0]

echo apply_filters( 'woocommerce_single_product_image_html', sprintf( '<a href="%s" itemprop="image" class="woocommerce-main-image zoom" title="%s"  rel="prettyPhoto' . $gallery . '">%s</a>', $image_link[0], $image_title, $image ), $post->ID );

感谢您的想法:)

于 2013-11-11T20:44:37.330 回答
0

要获取 src url，请使用以下代码：

$image_link = wp_get_attachment_image_src( get_post_thumbnail_id($post->ID), 'thumbnail');

并用于按 alt 和大小标记图像：

echo '<a href="' . get_permalink() . '" class="thumb"><span class="face">
<img src="' . $image_link[0]. '" width="'.$image_link[1].'"
height="'.$image_link[2].'"  loading="lazy" alt="'.get_the_title().'" /></span></a>';
于 2022-02-04T20:11:09.067 回答