Comments Terrymcd started the conversationSeptember 5, 2015 at 6:47pmHi,We'd like to change the product image sizes as they are just too big for us.If you see the product page here:http://thegaiaemporium.com/product/mag-ease/We want the product images to be 75% smaller.Also on this page we would want to show 6 products in a row instead of 4.Please help us fix these issues.Thanks!Terrymcd repliedSeptember 5, 2015 at 6:53pmhttp://thegaiaemporium.com/wellness-products/thats the link for shop page for 6 items in a row instead of 4we would also like that for our home page 895TheFox repliedSeptember 6, 2015 at 12:43pmHello Terry,About the products image size you can change it from the woocommerce settings.Then you need to regenerate the thumbnail.About the 6 items in a row instead of 4 this is not possible without adding custom css and modifying the theme file.Also you would have problem with the layout ( not enough space to show Add to cart and show details in 1 line ).Do not hesitate to contact us if you have other questions.Regards--------------------- Hosting we recommend ( Free SSL and CDN included in all plan ). Speed up your site with Autoptimize Test your site with GTmetrix and fix the issue to make it faster How to Update your Theme Terrymcd repliedSeptember 8, 2015 at 10:14pmHi again,Regarding shop page, there is no option in TheFox Options Panel >WooCommerce optionsto set more than 4 (Select the number of columns for the shop page)About the single product image setting: i have set it to 300x400 in woocommerce settings > products > displaybut the products are still displayed quite big and pixelating on the website (464 x 624)Please help us resolve these issues.ThanksTerrymcd repliedSeptember 8, 2015 at 10:19pmfollowing custom css is being used, not all of it works properly i believe#top_bg > div.page_title_ctn { display: none; }.caroufredsel_wrapper { width: 300px;height: 200px; }#header_container > header > div > nav { padding-top: 8px; }.nav_type_1.shrinked_header #header_container > header > div > nav { padding-top: 5px; }.nav_type_1.shrinked_header #searchtop { padding: 17px 0px 13px 23px;}#searchtop_img { padding-top: 6px; }.section_wrapper { padding-top:30px; }#header_container > header > div > ul { padding-top: 3px; } 895TheFox repliedSeptember 9, 2015 at 12:38pmHello,About the columns number the theme can only use 4 columns max for the woocommerce.About the product displaying big, about which part of the theme are you talking about?Even if you make small thumbnail the image are responsive so will take the full width of the container they are placed into.About the custom css you send us I think the caroufredsel_wrapper won\'t be working since it\'s changing automatically using javascript.You could try to add max-width instead of width.Regards--------------------- Hosting we recommend ( Free SSL and CDN included in all plan ). Speed up your site with Autoptimize Test your site with GTmetrix and fix the issue to make it faster How to Update your Theme Terrymcd repliedSeptember 26, 2015 at 5:35pmhiyour advice to change image size in woocommerce settings for product display and then regenerate thumbnails didnt work.the main product image still displays very large!also i uploaded optimized PNG for the products, but they display blurred everywhere. please help resolve.thanks 895TheFox repliedSeptember 27, 2015 at 11:11amHello,Try to add this custom css :.product_image_wrapper,.rd_woo_image_ctn { width: 300px; }This should do the trick.Do not hesitate to contact us if you have other questions.Regards--------------------- Hosting we recommend ( Free SSL and CDN included in all plan ). Speed up your site with Autoptimize Test your site with GTmetrix and fix the issue to make it faster How to Update your Theme Terrymcd repliedSeptember 27, 2015 at 7:59pmthats betterthe related products are still showing in the wrong size though.also the images appear blurred in related products or products page, but the individual product image is clearkindly help us resolve these issuesthanks 895TheFox repliedSeptember 28, 2015 at 11:03amHello again,The problem is the image size you are using, we see you use 150*200 image but the container is bigger.That why you have this problem. You should increase the thumbnail size for the shop thumbnail, that should fix all the problems you currently have.Regards--------------------- Hosting we recommend ( Free SSL and CDN included in all plan ). Speed up your site with Autoptimize Test your site with GTmetrix and fix the issue to make it faster How to Update your Theme Terrymcd repliedSeptember 28, 2015 at 2:54pmhellothanks thats better.Following issues:1. please see the screenshot, the related product name is getting cut-off the viewhttp://i.imgur.com/Uwttbth.png2. Also we would like to make the related product image sizes smaller.3. we want to reduce the space above the product.. currently it is set to 100px. adding this css code has no effect#fw_c {padding: 20px 0;}Terrymcd repliedSeptember 28, 2015 at 2:56pm3 is fixed :) 895TheFox repliedSeptember 29, 2015 at 2:30pmHello,We see there are some custom css that need to be remove :.caroufredsel_wrapper { max-width: 300px; max-height: 400px; }instead try to use the following css the change the related image size :.related .products li { max-width:290px; }change the 290 to the size you want to use.Do not hesitate to contact us if you have more questions.Regards--------------------- Hosting we recommend ( Free SSL and CDN included in all plan ). Speed up your site with Autoptimize Test your site with GTmetrix and fix the issue to make it faster How to Update your Theme Sign in to reply ...
Hi,
We'd like to change the product image sizes as they are just too big for us.
If you see the product page here:
http://thegaiaemporium.com/product/mag-ease/
We want the product images to be 75% smaller.
Also on this page we would want to show 6 products in a row instead of 4.
Please help us fix these issues.
Thanks!
thats the link for shop page for 6 items in a row instead of 4
we would also like that for our home page
Hello Terry,
About the products image size you can change it from the woocommerce settings.
Then you need to regenerate the thumbnail.
About the 6 items in a row instead of 4 this is not possible without adding custom css and modifying the theme file.
Also you would have problem with the layout ( not enough space to show Add to cart and show details in 1 line ).
Do not hesitate to contact us if you have other questions.
Regards
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme
Hi again,
Regarding shop page, there is no option in TheFox Options Panel >WooCommerce options
to set more than 4 (Select the number of columns for the shop page)
About the single product image setting: i have set it to 300x400 in woocommerce settings > products > display
but the products are still displayed quite big and pixelating on the website (464 x 624)
Please help us resolve these issues.
Thanks
following custom css is being used, not all of it works properly i believe
#top_bg > div.page_title_ctn { display: none; }
.caroufredsel_wrapper { width: 300px;
height: 200px; }
#header_container > header > div > nav { padding-top: 8px; }
.nav_type_1.shrinked_header #header_container > header > div > nav { padding-top: 5px; }
.nav_type_1.shrinked_header #searchtop {
padding: 17px 0px 13px 23px;
}
#searchtop_img { padding-top: 6px; }
.section_wrapper { padding-top:30px; }
#header_container > header > div > ul { padding-top: 3px; }
Hello,
About the columns number the theme can only use 4 columns max for the woocommerce.
About the product displaying big, about which part of the theme are you talking about?
Even if you make small thumbnail the image are responsive so will take the full width of the container they are placed into.
About the custom css you send us I think the caroufredsel_wrapper won\'t be working since it\'s changing automatically using javascript.
You could try to add max-width instead of width.
Regards
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme
hi
your advice to change image size in woocommerce settings for product display and then regenerate thumbnails didnt work.
the main product image still displays very large!
also i uploaded optimized PNG for the products, but they display blurred everywhere.
please help resolve.
thanks
Hello,
Try to add this custom css :
.product_image_wrapper,.rd_woo_image_ctn { width: 300px; }
This should do the trick.
Do not hesitate to contact us if you have other questions.
Regards
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme
thats better
the related products are still showing in the wrong size though.
also the images appear blurred in related products or products page, but the individual product image is clear
kindly help us resolve these issues
thanks
Hello again,
The problem is the image size you are using, we see you use 150*200 image but the container is bigger.
That why you have this problem. You should increase the thumbnail size for the shop thumbnail, that should fix all the problems you currently have.
Regards
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme
hello
thanks thats better.
Following issues:
1. please see the screenshot, the related product name is getting cut-off the view
http://i.imgur.com/Uwttbth.png
2. Also we would like to make the related product image sizes smaller.
3. we want to reduce the space above the product.. currently it is set to 100px. adding this css code has no effect
#fw_c {
padding: 20px 0;
}
3 is fixed :)
Hello,
We see there are some custom css that need to be remove :
.caroufredsel_wrapper { max-width: 300px; max-height: 400px; }
instead try to use the following css the change the related image size :
.related .products li { max-width:290px; }
change the 290 to the size you want to use.
Do not hesitate to contact us if you have more questions.
Regards
---------------------
Hosting we recommend ( Free SSL and CDN included in all plan ).
Speed up your site with Autoptimize
Test your site with GTmetrix and fix the issue to make it faster
How to Update your Theme