[saturnerond]

Sorry, I’ve been confusing
If you want to use square images your Woocommerce settings need to be 540x540 indeed. But you still need to upload images larger than 562px. Larger is your full-size image, bigger is the zoom factor (and your file size).

[saturnerond]

I came across the same “blurry image” issue as I have to display crystal-clear sculpture details images. Here is my understanding so far and what I tried (or not).

A 562px wide thumbnail is always used as the product main image. This thumbnail size is generated by the theme itself –ie, changing Woocommerce or WordPress media settings will not make your 540px image look better.
– When uploading a 540px image, an enlarged 562px thumbnail is generated. This size increase makes the image blurry (a matter of resolution). When zooming over the product image, the full size image is displayed : clean, but smaller (540px wide in your case) than the product main thumbnail (562px wide) = you have no zoom effect
– When uploading a say 1200px wide image, this image is downsized to 562px as well and gets a bit blurry too, but much less than when the image is enlarged. This is not a theme issue but due to the way WordPress handles image resizing

I decided to upload ~850×1275 images (2/3 format). The product image is a bit blurry indeed, but of acceptable quality and users can get a crystal-clear view of details when zooming.
Alternatively you can :
– Make the 562px wide thumbnails with an image editor and upload them into your WordPress upload folder to replace those generated by WordPress. This makes good quality product images but is not exactly handy
– Try (I didn’t) to upload images at a higher resolution (for instance 92-100dpi rather than 72) and see whether this makes better quality thumbnails or not. This anyway will make your site slower, which is not good
– If your web host has the Imagick engine installed, you can try (I didn’t) to use the ImageMagick plugin. This one handles image resizing differently and is meant to make better quality images

In any case, keep the 540×720 Woocommerce image settings suggested to display portrait images. This image size (catalogue image setting) is required to display product thumbnails properly on Archive pages (shop, categories) and related/up-sell products.
– The image span size on such pages is 270px wide. A 540px wide (2 x 270) image makes it Retina-okay
– The Product Detail same 540×720 setting only tells WordPress to not generate a different thumbnail size for the products main image, as this one will not be used (the 562px thumbnail is instead). This ensures your disk space is not loaded with useless image files

In a nutshell,
– The theme overrides Woocommerce main product image size : You definitively need to upload images wider than 562px. Length is not an issue, as far as you don’t go beyond a 2/3 ratio (or maybe you would need to untick hard crop)
– You need however to stick to the 540×720 suggested settings for Woocommerce images
– After that, whether images get blurry or not is not theme-dependent

Voilà. Please tell me if I’m wrong somewhere.

[saturnerond]

I wish Envato implements a 10 stars scale rating. You all deserve it over there!
Thank you, thank you, thank you,
Ammie

[saturnerond]

Wao, your dedication is outstanding!
However may I ask where did you add what filter? Or will this be included in a next update? I uploaded this example site for support purpose only. I’m not working on that version, nor I would like to lose the tip with a theme update.
Also, did you have a chance to have a look on the variable products’ “select an option” dropbox with Firefox (as well as the default sorting one on shop page)? It looks like Firefox is not totally happy with the css (text is not vertically aligned as it is when viewed in Safari and Chrome). I tried to make css changes but apparently I would be good only at making psychedelic design.

Still no emergency –please have a good remaining piece of week end,
Ammie

[saturnerond]

This reply has been marked as private.

[saturnerond]

This reply has been marked as private.

[saturnerond]

Please try here : cleaninstal.esy.es/cleaninstal/wp-admin/
Same Admin login.

I created a new database and made again a fresh instal of WP 3.8.1, Neighborhood 1.67 and WC 1.2.5
Could not upload zip files so I’m missing revslider and tiny-mce but except that the instal is clean.

Ammie

[saturnerond]

Hi Ed,

By the way, could you please also have a look at the “select an option” box on the variable product page? When viewed in Firefox (looks fine in Safari and Chrome), the text is not vertically-centered nor aligned with the attribute name. I’m not sure how to handle that css.
Thank you again for your help,
Ammie

[saturnerond]

This reply has been marked as private.

[saturnerond]

Thank you Ed,
I’m fighting with the database import at the moment. Hard newbie life.
In the meantime I made a clean instal (localhost) with last versions of WordPress, Neighborhood (1.67), Woocommerce and no plugin other than those required by the theme. Created just 3 products pages : Description tab content still doesn’t appear on the frontend when Page builder is ON, Tabs Mode is ON and when on the backend the Page Builder field is empty –including the text tab (did you check that?) where sometimes some chicky html tags are left.

However this clean instal solved the 2nd issue I mentioned above with the 1.67 update and variable products. Don’t know how/why/what happened there.

Will send the login as soon as there is something to log into.

Ammie

[saturnerond]

Thank you Ed,
I cannot make it work as expected even with the dummy products.
I’m going to temporally upload a light version of my site to a free host provider so that you can have a look. Will send you the logins as soon as it’s online.

Just to let you know, I now have another issue with the 1.67 update similar to this one : http://support.swiftideas.net/forums/topic/variable-product-dont-show-add-to-shopping-bag/
However for this later one everything works well when I activate the Twenty-Twelve theme. Will open another thread on the support forum when I will be able to provide a link to my draft-website.

Speak soon 🙂
Ammie

[saturnerond]

Thank you again Kyle!
Yes please that would help. That being said there is no hurry. My website is not expected to go live soon.
Ammie

[saturnerond]

Hi Kyle,

Thank you for following up on that.
Basically I need to use both :
– Woocommerce default tabs.
– The Page Builder, but on some product pages only.
I therefore set the relevant settings ON in Theme Options -> Woocommerce Options.

My product page then :
– When I actually use the Page Builder Edit area (I insert some text in the field) : Everything is okay.
– When I leave the Page Builder field blank (I don’t need to insert whatever after the product’s image, description, tabs etc), then the content of the Product Description tab is not displayed.

The issue is that when you enable both the Page Builder and Default Tabs Mode, you have to use the Page Builder on ALL product pages. Otherwise the Product Description tab doesn’t display any content.
It is as if the “theme” was checking there is some content in the Page Builder field (would be the product description area if Page Builder was off) but then didn’t retrieve any content into the Product Description tab –nothing from the PB area, which is normal since PB is ON, but nothing either from the Meta “Product Description” area used when PB is ON.

Please look at the attached screenshots if that helps to make sense.
Other clues :
– This really is specific to the Default Tab Mode. Everything works well when this option is OFF
– I changed tab names using a child-theme’s functions.php. The only difference when reverting to the parent theme is that the Product Description tab doesn’t show up at all. It does show up however (as well as its content) if, as previously explained (well, hope my frenglish can do that!) I type some content in the Page Builder area.

Thank you for your patience,
Ammie

[saturnerond]

This reply has been marked as private.

[saturnerond]

Thank you Ed. I’m having a coffee to your health. Great hard work and commitment. And patience 🙂