如何增加商品目录页中的产品图像尺寸Woo Commerce

问题描述：

我知道这是一个简单的修复（它必须是），但我一直在寻找两天，并且无法完成此操作。我网站目录页面中的产品太小。如何增加商品目录页中的产品图像尺寸Woo Commerce

这里是我的地盘：http://bit.ly/14ENFqa

我已经尝试了所有的后台的东西我能想到的：

更改尺寸的WooCommerce /设置/目录

重新调整所有的缩略图与缩略图再生插件

与简单图像尺寸调整大小工具（在Media文件夹）

我意识到我可能需要编辑CSS。我会去哪里做？

答

有可能是更好的方式来做到这一点，但你可以试试这个：

转到插件>编辑>选择woocommerce插件和开放

/assets/css/woocommerce.css

找到这个：

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product

并将宽度更改为较大的百分比。

答

如果您使用woocommerce主题，则应检查woocommerce配置文件的主题目录。这些配置文件通常会在图像上进行最终样式。例如，该文件可能是your_theme/config-woocommerce/config.php其中，你会发现这样的：有疑问

//product thumbnails 
$avia_config['imgSize']['shop_thumbnail'] = array('width'=>80, 'height'=>80); 
$avia_config['imgSize']['shop_catalog']  = array('width'=>450, 'height'=>355); 
$avia_config['imgSize']['shop_single']  = array('width'=>450, 'height'=>355);

时，请咨询您的主题网站/支持论坛的问题很可能已经问过那里。

答

我正要走相同的问题，我找到了一个可行的解决方案。

打开的页面中的图像大小被改变，找到循环，e.g：

*if (have_posts()) : while (have_posts()) : the_post(); 

    // Loop code, thumbnail woocommerce function, etc 

endwhile; endif;

和remplace它：

query_posts($args); // Note: if there's no arguments for the query, it can be empty 

//loop code, call the default thumnail function! the_post_thumnail() 

rewind_posts();

我希望可以做的伎俩！

欢迎来到Stack Overflow！请查看[关于如何格式化您的帖子的指南]（http://*.com/editing-help） - 特别是有关代码格式的部分。 – Charles 2014-02-06 00:27:06

答

我已经花了太多时间今天试图找出如何更改缩略图的大小在购物车终于成功使用CSS如下：

.woocommerce table.cart img, .woocommerce #content table.cart img, 
    .woocommerce-page table.cart img, .woocommerce-page #content table.cart img { 
    width: 90px; 
     height: auto; 
     padding: none !important; 
}

我希望帮助你！

如何增加商品目录页中的产品图像尺寸Woo Commerce

相关推荐