时间戳

首页 > 解决方案 > 特定页面的不同 Woocommerce 产品缩略图大小

php - 特定页面的不同 Woocommerce 产品缩略图大小

问题描述

我想为我网站上的不同页面设置不同的缩略图大小。例如，我想在我的主页上拥有 150x150px 的产品网格缩略图，但我想在显示产品网格的其他页面上拥有更大的产品缩略图。

我可以用 CSS 放大图像，但缩略图仍然是 150x150px，当我通过 CSS 将它们设置为 600x600px 时，它们变得模糊。

我试图在functions.php中放一些东西，但没有成功，所以如果有人知道如何帮助我，我将不胜感激。

标签： phpwordpresswoocommerceproductthumbnails

解决方案

这将更改产品的缩略图大小。在首页产品将显示为 150 像素 x 150 像素，在其他特定页面中 Id 为 600 像素 x 600 像素，例如：

add_filter( 'single_product_archive_thumbnail_size', 'custom_product_archive_thumbnail_size', 1000 );
function custom_product_archive_thumbnail_size( $size ) {
    global $product;

    if( is_home() || is_front_page() ) {
        $size = array('150', '150');
    } elseif ( is_page( 53 ) ) {
        $size = array('600', '600');
    }
    return $size;
}

代码位于活动子主题（或活动主题）的 functions.php 文件中。测试和工作。

您可以使用WordPress 条件标签或WooCommerce 条件标签来定位特定页面。

推荐阅读