WooCommerce:设置缩略图细节(剪贴区)

时间:2013-04-29 作者:Alexander Taubenkorb

我将德语Wordpress 3.5.1–de\\de与Woocommerce 2.0.8和Woothemes Mystile主题1.2.8配合使用。

我对一个产品(jellyphish.jpg)有一个大图,并希望使用该大图的特定区域作为缩略图,因为Wordpress/Woocommerce会自动选择图像中无用的部分。因此,我在“媒体下编辑图像”中使用Wordpress裁剪工具生成了一个150x150的缩略图。这成功地生成了缩略图(如jellyphish-e1367238219134-150x150.jpg),但WP/Woocommerce使用了另一个图像(jellyphish-150x150.jpg)。

在我的FTP上,我在/wordpress/wp-content/uploads中找到了以下文件/

012 KB 0666 29.04.2013 14:56水母-150x112。2015 KB 0666 29.04.2013 14:56水母-150x150。jpg 026 KB 0666 29.04.2013 14:56水母-300x225。jpg 082 KB 0666 29.04.2013 14:11水母-787x300。jpg
009 KB 0666 29.04.2013 14:56水母-90x67。jpg 2017 KB 0666 29.04.2013 14:23水母-e1367238219134-150x150。jpg 2016 KB 0666 29.04.2013 14:58水母-e1367240287874-150x150。jpg
758 KB 0666 29.04.2013 13:34水母。jpg公司

我在模板和插件中进行了搜索,但似乎它们只是简单的使用the_post_thumbnail 并输出水母-150x150。jpg图像(这是无用的自动生成缩略图)。

我做错什么了吗?什么是水母-e1367238219134-150x150。jpg图像用于?如何选择要显示为缩略图的图像部分?

2 个回复
最合适的回答,由SO网友:Pavla 整理而成

您可以使用我修改的BrianKrogsard的以下代码片段修复此问题。该代码最好放在函数中。子主题的php文件。现在不再使用原来的150x150拇指,而是使用正确的修剪过的150x150拇指。

/* This snippet removes the action that inserts thumbnails to products in teh loop
* and re-adds the function customized with our wrapper in it.
* It applies to all archives with products.
*
* @original plugin: WooCommerce
* @author of snippet: Brian Krogsard
*/

remove_action( \'woocommerce_before_shop_loop_item_title\', \'woocommerce_template_loop_product_thumbnail\', 10);
add_action( \'woocommerce_before_shop_loop_item_title\', \'woocommerce_template_loop_product_thumbnail\', 10);

/**
* WooCommerce Loop Product Thumbs
**/
if ( ! function_exists( \'woocommerce_template_loop_product_thumbnail\' ) ) {
    function woocommerce_template_loop_product_thumbnail() {
        echo woocommerce_get_product_thumbnail();
    }
}


/**
* WooCommerce Product Thumbnail
**/
if ( ! function_exists( \'woocommerce_get_product_thumbnail\' ) ) {
    function woocommerce_get_product_thumbnail( $size = \'shop_catalog\', $placeholder_width = 0, $placeholder_height = 0 ) {
        global $post, $woocommerce;

        if ( ! $placeholder_width ) $placeholder_width = $woocommerce->get_image_size( \'shop_catalog_image_width\' );
        if ( ! $placeholder_height )$placeholder_height = $woocommerce->get_image_size( \'shop_catalog_image_height\' );

        $output = \'\';

        if ( has_post_thumbnail() ) {
            $output .= get_the_post_thumbnail( $post->ID, array(150, 150) );
        } else {
            $output .= \'<img src="\'. woocommerce_placeholder_img_src() .\'" alt="Placeholder" width="\' . $placeholder_width . \'" height="\' . $placeholder_height . \'" />\';
        }

        return $output;
    }
}

SO网友:Meetai.com

这个*e1367238219134-150x150.jpg 编辑图像后保存后,Wordpress会自动生成文件作为工作副本。

为了在主题上使用另一个图像,您可能需要与编码人员签订合同,以修改相关的模板文件。

结束

相关推荐

Add thumbnails in 'li' list

我是WP的新手,所以我仍在寻找自己的出路。我想创建一个简单的缩略图列表。在html中,我是这样做的 <nav> <ul> <li><a href=\"images/personal01.jpg\"><img src=\"images/personal01.jpg\" /></a></li> <li><a href=\"images/