http://www.kriesi.at/support/topic/change-article-image-size Support Forum - Topic: Change article image size en-US Sat, 25 May 2013 00:29:02 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/change-article-image-size#post-90931 Thu, 10 Jan 2013 10:52:56 +0000 Ismael 90931@http://www.kriesi.at/support/ <p>Hi ganjou,</p> <p>Glad that you found the solution. :)</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/change-article-image-size#post-90909 Thu, 10 Jan 2013 09:52:11 +0000 ganjou 90909@http://www.kriesi.at/support/ <p>Changing those line is what I did first but without any effect :(<br /> Changing it in Woocommerce --&gt; Settings --&gt; Catalog worked even with the config.php restored to default values... </p> http://www.kriesi.at/support/topic/change-article-image-size#post-90903 Thu, 10 Jan 2013 08:57:34 +0000 Nick 90903@http://www.kriesi.at/support/ <p>Hi,</p> <p>Great! Glad you figured it out. If you also look in theme folder woocommerce-config in file config.php, you will see 3 lines towards the beginning of the file where the image sizes are set.<br /> <pre><code>//product thumbnails $avia_config[&#39;imgSize&#39;][&#39;shop_thumbnail&#39;] = array(&#39;width&#39;=&gt;80, &#39;height&#39;=&gt;80); $avia_config[&#39;imgSize&#39;][&#39;shop_catalog&#39;] = array(&#39;width&#39;=&gt;300, &#39;height&#39;=&gt;300); $avia_config[&#39;imgSize&#39;][&#39;shop_single&#39;] = array(&#39;width&#39;=&gt;350, &#39;height&#39;=&gt;350);</code></pre> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/change-article-image-size#post-90781 Wed, 09 Jan 2013 11:02:45 +0000 ganjou 90781@http://www.kriesi.at/support/ <p>OK<br /> Solution found !<br /> WooCommerce --&gt; Settings --&gt; Catalog<br /> Here you can change thumbnail size !!!</p> <p>+</p> <p>Regenerate thumbnails extension to resize all the images. </p> http://www.kriesi.at/support/topic/change-article-image-size#post-90776 Wed, 09 Jan 2013 10:33:01 +0000 ganjou 90776@http://www.kriesi.at/support/ <p>I found that in woocommerce-mod.css line 753</p> <p>margin:=;</p> <p>? </p> http://www.kriesi.at/support/topic/change-article-image-size#post-90770 Wed, 09 Jan 2013 09:52:44 +0000 ganjou 90770@http://www.kriesi.at/support/ <p>Images are already that size.<br /> I tried to modify height (to 2/3 ratio) in config.php and reload one image... --&gt;<br /> //product thumbnails<br /> $avia_config['imgSize']['shop_thumbnail'] = array('width'=&gt;80, 'height'=&gt;120);<br /> $avia_config['imgSize']['shop_catalog'] = array('width'=&gt;300, 'height'=&gt;450);<br /> $avia_config['imgSize']['shop_single'] = array('width'=&gt;350, 'height'=&gt;525);<br /> But it didn't change anything. </p> http://www.kriesi.at/support/topic/change-article-image-size#post-90693 Tue, 08 Jan 2013 22:30:49 +0000 Devin 90693@http://www.kriesi.at/support/ <p>In that case you just need to use an image that is taller than it is wide. Try image sizes that are 450px wide by 650px tall. If need be, you can have them set on a white background of that size if the source images are not large enough. </p> http://www.kriesi.at/support/topic/change-article-image-size#post-90672 Tue, 08 Jan 2013 21:45:12 +0000 ganjou 90672@http://www.kriesi.at/support/ <p>The client is a bookstore, so he would like a "book format" image.<br /> The width is fine, I would just need to increase the height so it should not break the columns layout.<br /> What do you think ? </p> http://www.kriesi.at/support/topic/change-article-image-size#post-90668 Tue, 08 Jan 2013 21:19:49 +0000 Devin 90668@http://www.kriesi.at/support/ <p>It isn't a matter of the css but instead about how much room there is for the images to show. If you make them much bigger than they are now, they would overlap or touch.</p> <p>For example, the demo uses 3 column layout: <a href="http://www.kriesi.at/themes/abundance/shop/" rel="nofollow">http://www.kriesi.at/themes/abundance/shop/</a></p> <p>This puts the images at 200px wide and whatever the height is when scaled to that size. The css for the 3 column layout is:<br /> <pre><code>.shop_columns_3 .products .product { margin: 0 4% 20px 0; width: 30.5%; }</code></pre> <p>The width is 30.5 and the margin is 4% on the right. This makes the columns equal 98% and fills up the space. If you wanted to increase the image size, you could decrease the margin and increase the width of the column but it would have to be proportional. </p> http://www.kriesi.at/support/topic/change-article-image-size#post-90629 Tue, 08 Jan 2013 18:28:01 +0000 ganjou 90629@http://www.kriesi.at/support/ <p>What about modifying the CSS in a child theme of Abundance ? </p> http://www.kriesi.at/support/topic/change-article-image-size#post-90606 Tue, 08 Jan 2013 16:37:48 +0000 Devin 90606@http://www.kriesi.at/support/ <p>Hi ganjou,</p> <p>The only way to change the size of images used in the main shop page is to change the number of columns used. You can do that by going to WooCommerce Settings&gt;Pages then scroll to the bottom and change the dropdown under Column and Product Count for the column count. Fewer columns will use larger images and more will use smaller images.</p> <p>For the single blog pages, you can change the size of the image used by going to the Them Options&gt;Layout &amp; Settings&gt;Default Blog Layout and using that dropdown to select one of the Big preview image options.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/change-article-image-size#post-90539 Tue, 08 Jan 2013 13:23:47 +0000 ganjou 90539@http://www.kriesi.at/support/ <p>Hello I would like to change the size of the image of the products in shop page and single article page.<br /> Thank tou </p>