http://69.89.31.200/~horologi/shop/
我在上面的网站上工作,客户要求在商店页面上显示所有产品信息,包括所有产品缩略图。我已将WooCommerce模板文件复制到我的主题目录中,以便修改它们,并一直在与循环商店混为一谈。php文件。我首先尝试的只是将以下代码添加到产品页面循环中:
<div class="images">
<?php if ( has_post_thumbnail() ) : ?>
<a itemprop="image" href="<?php echo wp_get_attachment_url( get_post_thumbnail_id() ); ?>" class="zoom" rel="thumbnails" title="<?php echo get_the_title( get_post_thumbnail_id() ); ?>"><?php echo get_the_post_thumbnail( $post->ID, apply_filters( \'single_product_large_thumbnail_size\', \'shop_single\' ) ) ?></a>
<?php else : ?>
<img src="<?php echo woocommerce_placeholder_img_src(); ?>" alt="Placeholder" />
<?php endif; ?>
<?php do_action(\'woocommerce_product_thumbnails\'); ?>
我从产品图像中提取了该代码。php文件。不幸的是,它输出全尺寸的缩略图。我不确定这样做的“最佳实践”方式。非常感谢您的帮助。非常感谢。
最合适的回答,由SO网友:Clinton Warren 整理而成
get\\u The\\u post\\u缩略图上的第二个参数采用所需图像的大小。您当前正在传入:
apply_filters( \'single_product_large_thumbnail_size\', \'shop_single\' )
但将其更改为
apply_filters( \'single_product_small_thumbnail_size\', \'shop_thumbnail\' )
您将获得较小的图像大小。您还可以传入“缩略图”或该位置中的任何自定义大小,而无需apply\\u filter功能。
SO网友:Habib-ur-Rahman
而不是使用shop_thumbnail
或shop_single
, 你可以试试array(width, height)
.
只需替换这一行代码
apply_filters( \'single_product_large_thumbnail_size\', \'shop_single\' )
使用
apply_filters( \'single_product_large_thumbnail_size\', array(300, 300) )