WooCommerce product images not being cropped - caching

In WooCommerce > Settings > Product > Display, I've set the product image size as:
However, on a single product page, the product image is 600 x 600px, which is what it used to be, before I made the change above.

After the product image dimensions are changed, you need to regenerate the thumbnails. The following plugin is recommended : http://wordpress.org/extend/plugins/regenerate-thumbnails/
Check the documentation

Related

How to change the size of Images on category page in magento 2 from admin panel

i want to resize the image size on the category page. I have made changes in the category page, shows 3 images instead of 4. But the image size is still the same. I want to increase it by admin panel, not to change the code manually.
I don't think this is possible without customizing a lot of stuff first. Image sizes are set in your theme in /app/design/frontend/YOURVENDORNAME/YOURTHEMENAME/etc/view.xml

CS-Cart Thumbnail Size not working

In CS-Cart 4.3.8 I have set thumbnail sizes under Settings > Thumbnails, then I have used the 'Clean up generated thumbnails' But nothing changes and they remain at the default size...
How can I set the thumbnail size?
In case you want to change thumbnail size in compact list you must tweak some code in the "compact_list.tpl" file located in the /design/themes/responsive/templates/blocks/list_templates/ directory of your CS-Cart.
In Settings > Thumbnails there are some thumbnail settings.
You should change the relevant setting match to your view (Products list, Product detail, Product cart page, Quick View ...)

How to change configurable product main image by associated product image based on color attributes?

I am using magento (1.8.1.0) configurable product with size and color attributes. I want to change the main-image on configurable-product view as per the options chosen Like If I choose red-color then image of associated-product which has red color attribute value should display on main-image as soon as I choose the option.
How can i do this??
You can use the Simple Configurable Products extension for this.
http://www.magentocommerce.com/magento-connect/simple-configurable-products.html
This extension is not updated for latest version, so you need to do some changes that you can read from the extension reviews.

How to change size image in archive category woocommerce

I'm testing shop with plugin WooCommerce. I want to ask how to change size thumbnail image in archive category.
ex: http://shop.bits77.com/?product_cat=giay-dep
I can change size in index.php ex: http://shop.bits77.com
But I dont know how to change in archive category.
Please help me. thanks.
By default, Woocommerce have this thumbnails sizes:
300x300 (Single product) /* 300px is my size, im not remember exactly what is default size but, is similar */
120x120 (Gallery - Categories - Archive Page - Search products)
90x90 (Thumbnails in single product)
Now, you can change it in Woocommerce admin panel (Configure -> Catalog -> Scroll to bottom page -> Images).
Excuse my english and good luck.
I had to get the plugin called "Regenerate Thumbnails". Run that plugin and it will re-size the thumbnails for you.

Simple product image in Config product - Magento 1.5

I am using Magento 1.5 and have around 33,450 products on my site. 32000 are simple products attached to 1300 configurable products.
Now, the main problem is that I need to change the product image when my customer selects different color.
How can I do that?
I already installed http://www.magentocommerce.com/magento-connect/simple-configurable-products.html and this displays the prices of the simple products which is awesome. But I need it to display pictures of simple products as well.
Any idea how to do this?
The EComDev Smart Color Selector extension can do exactly that. We're using it on a couple of sites and it works great.
Go to System > Configuration > SCP Products > SCP Cart > Show Configurable Product Image in Cart and make sure that it's set to no.
Here is basic idea behind Color Swatcher:
1> Hide the dropdown/select field of color attribute using css(style="display:none")
2> Get all the associated color products and loop over them to display the thumbnail
3> Trigger the select field value based on the click on the related thumbnail
4> That's all
Real implementation is upto you.
Thanks

Resources