如何增加商品目錄頁中的產品圖像尺寸Woo Commerce

我知道這是一個簡單的修復（它必須是），但我一直在尋找兩天，並且無法完成此操作。我網站目錄頁面中的產品太小。如何增加商品目錄頁中的產品圖像尺寸Woo Commerce

這裏是我的地盤：http://bit.ly/14ENFqa

我已經嘗試了所有的後臺的東西我能想到的：

更改尺寸的WooCommerce /設置/目錄

重新調整所有的縮略圖與縮略圖再生插件

與簡單圖像尺寸調整大小工具（在Media文件夾）

我意識到我可能需要編輯CSS。我會去哪裏做？

來源

2013-04-20 Unsure How to Pose my Question

有可能是更好的方式來做到這一點，但你可以試試這個：

轉到插件>編輯>選擇woocommerce插件和開放

/assets/css/woocommerce.css

找到這個：

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

並將寬度更改爲較大的百分比。

來源

2013-04-20 20:48:17 user850010

如果您使用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);

時，請諮詢您的主題網站/支持論壇的問題很可能已經問過那裏。

來源

2013-04-25 03:29:02 Tomanow

-1

我正要走相同的問題，我找到了一個可行的解決方案。

打開的頁面中的圖像大小被改變，找到循環，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();

我希望可以做的伎倆！

來源

2014-02-06 00:03:53 argdev

歡迎來到Stack Overflow！請查看[關於如何格式化您的帖子的指南]（http://stackoverflow.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; 
}

我希望幫助你！

來源

2014-02-19 18:34:23 user3319720

如何增加商品目錄頁中的產品圖像尺寸Woo Commerce

回答

相關問題