Updated to Woocommerce 3.3.1. Product-Category images now different sizes

Hello,

The images on my product category pages are now in various sizes as you can see here: www.incywincies.com

This happened after:

  1. Updating to Woocommerce 3.3.1 today, (02/08/18).
  2. Updating outdated x-woocommerce templates.
  3. Regenerating images.
  4. And, tried different Product Image settings in “Customizer”:

I’m not quite sure what else to do. Any help is appreciated.
I’ve attached Woocommerce status page as well.

WordPress Environment

Home URL: incywincies.com
Site URL: incywincies.com
WC Version: 3.3.1
Log Directory Writable: :heavy_check_mark:
WP Version: 4.9.4
WP Multisite: –
WP Memory Limit: 256 MB
WP Debug Mode: –
WP Cron: :heavy_check_mark:
Language: en_US

Server Environment

Server Info: Apache/2
PHP Version: 7.0.15
PHP Post Max Size: 20 MB
PHP Time Limit: 600
PHP Max Input Vars: 1000
cURL Version: 7.22.0
GnuTLS/2.12.14

SUHOSIN Installed: –
MySQL Version: 5.6.37
Max Upload Size: 20 MB
Default Timezone is UTC: :heavy_check_mark:
fsockopen/cURL: :heavy_check_mark:
SoapClient: :x: Your server does not have the SoapClient class enabled - some gateway plugins which use SOAP may not work as expected.
DOMDocument: :heavy_check_mark:
GZip: :heavy_check_mark:
Multibyte String: :heavy_check_mark:
Remote Post: :heavy_check_mark:
Remote Get: :heavy_check_mark:

Database

WC Database Version: 3.3.1
WC Database Prefix: kvid_
MaxMind GeoIP Database: :heavy_check_mark:
Total Database Size: 28.99MB
Database Data Size: 25.33MB
Database Index Size: 3.66MB
kvid_woocommerce_sessions: Data: 4.11MB + Index: 0.02MB
kvid_woocommerce_api_keys: Data: 0.02MB + Index: 0.03MB
kvid_woocommerce_attribute_taxonomies: Data: 0.02MB + Index: 0.02MB
kvid_woocommerce_downloadable_product_permissions: Data: 0.02MB + Index: 0.05MB
kvid_woocommerce_order_items: Data: 0.02MB + Index: 0.02MB
kvid_woocommerce_order_itemmeta: Data: 0.02MB + Index: 0.03MB
kvid_woocommerce_tax_rates: Data: 0.02MB + Index: 0.06MB
kvid_woocommerce_tax_rate_locations: Data: 0.02MB + Index: 0.05MB
kvid_woocommerce_shipping_zones: Data: 0.02MB + Index: 0.00MB
kvid_woocommerce_shipping_zone_locations: Data: 0.02MB + Index: 0.05MB
kvid_woocommerce_shipping_zone_methods: Data: 0.02MB + Index: 0.00MB
kvid_woocommerce_payment_tokens: Data: 0.02MB + Index: 0.02MB
kvid_woocommerce_payment_tokenmeta: Data: 0.02MB + Index: 0.03MB
kvid_woocommerce_log: Data: 0.02MB + Index: 0.02MB
4hfa_bwg_album: Data: 0.02MB + Index: 0.00MB
4hfa_bwg_album_gallery: Data: 0.02MB + Index: 0.00MB
4hfa_bwg_gallery: Data: 0.02MB + Index: 0.00MB
4hfa_bwg_image: Data: 0.02MB + Index: 0.00MB
4hfa_bwg_image_comment: Data: 0.02MB + Index: 0.00MB
4hfa_bwg_image_rate: Data: 0.02MB + Index: 0.00MB
4hfa_bwg_image_tag: Data: 0.02MB + Index: 0.00MB
4hfa_bwg_option: Data: 0.02MB + Index: 0.00MB
4hfa_bwg_shortcode: Data: 0.02MB + Index: 0.00MB
4hfa_bwg_theme: Data: 0.02MB + Index: 0.00MB
4hfa_commentmeta: Data: 0.02MB + Index: 0.03MB
4hfa_comments: Data: 0.02MB + Index: 0.08MB
4hfa_eig_sso: Data: 0.02MB + Index: 0.00MB
4hfa_links: Data: 0.02MB + Index: 0.02MB
4hfa_options: Data: 0.22MB + Index: 0.02MB
4hfa_postmeta: Data: 0.11MB + Index: 0.06MB
4hfa_posts: Data: 0.41MB + Index: 0.06MB
4hfa_revslider_css: Data: 0.02MB + Index: 0.00MB
4hfa_revslider_layer_animations: Data: 0.02MB + Index: 0.00MB
4hfa_revslider_settings: Data: 0.02MB + Index: 0.00MB
4hfa_revslider_sliders: Data: 0.02MB + Index: 0.00MB
4hfa_revslider_slides: Data: 0.02MB + Index: 0.00MB
4hfa_revslider_static_slides: Data: 0.02MB + Index: 0.00MB
4hfa_terms: Data: 0.02MB + Index: 0.03MB
4hfa_term_relationships: Data: 0.02MB + Index: 0.02MB
4hfa_term_taxonomy: Data: 0.02MB + Index: 0.03MB
4hfa_usermeta: Data: 0.02MB + Index: 0.03MB
4hfa_users: Data: 0.02MB + Index: 0.03MB
4hfa_w3tc_cdn_queue: Data: 0.08MB + Index: 0.02MB
4hfa_wfBadLeechers: Data: 0.02MB + Index: 0.00MB
4hfa_wfBlockedIPLog: Data: 0.02MB + Index: 0.00MB
4hfa_wfBlocks: Data: 0.02MB + Index: 0.02MB
4hfa_wfBlocksAdv: Data: 0.02MB + Index: 0.00MB
4hfa_wfConfig: Data: 0.02MB + Index: 0.00MB
4hfa_wfCrawlers: Data: 0.02MB + Index: 0.00MB
4hfa_wfFileMods: Data: 1.52MB + Index: 0.00MB
4hfa_wfHits: Data: 0.28MB + Index: 0.11MB
4hfa_wfHoover: Data: 0.02MB + Index: 0.02MB
4hfa_wfIssues: Data: 0.02MB + Index: 0.00MB
4hfa_wfLeechers: Data: 0.02MB + Index: 0.00MB
4hfa_wfLockedOut: Data: 0.02MB + Index: 0.00MB
4hfa_wfLocs: Data: 0.02MB + Index: 0.00MB
4hfa_wfLogins: Data: 0.05MB + Index: 0.02MB
4hfa_wfNet404s: Data: 0.02MB + Index: 0.02MB
4hfa_wfReverseCache: Data: 0.02MB + Index: 0.00MB
4hfa_wfScanners: Data: 0.02MB + Index: 0.00MB
4hfa_wfStatus: Data: 0.23MB + Index: 0.14MB
4hfa_wfThrottleLog: Data: 0.02MB + Index: 0.02MB
4hfa_wfVulnScanners: Data: 0.02MB + Index: 0.00MB
kjnn_commentmeta: Data: 0.02MB + Index: 0.03MB
kjnn_comments: Data: 0.02MB + Index: 0.08MB
kjnn_eig_sso: Data: 0.02MB + Index: 0.00MB
kjnn_links: Data: 0.02MB + Index: 0.02MB
kjnn_options: Data: 0.08MB + Index: 0.02MB
kjnn_postmeta: Data: 0.02MB + Index: 0.03MB
kjnn_posts: Data: 0.02MB + Index: 0.06MB
kjnn_terms: Data: 0.02MB + Index: 0.03MB
kjnn_term_relationships: Data: 0.02MB + Index: 0.02MB
kjnn_term_taxonomy: Data: 0.02MB + Index: 0.03MB
kjnn_usermeta: Data: 0.02MB + Index: 0.03MB
kjnn_users: Data: 0.02MB + Index: 0.03MB
kvid_bwg_album: Data: 0.02MB + Index: 0.00MB
kvid_bwg_album_gallery: Data: 0.02MB + Index: 0.00MB
kvid_bwg_gallery: Data: 0.02MB + Index: 0.00MB
kvid_bwg_image: Data: 0.02MB + Index: 0.00MB
kvid_bwg_image_comment: Data: 0.02MB + Index: 0.00MB
kvid_bwg_image_rate: Data: 0.02MB + Index: 0.00MB
kvid_bwg_image_tag: Data: 0.02MB + Index: 0.00MB
kvid_bwg_option: Data: 0.02MB + Index: 0.00MB
kvid_bwg_shortcode: Data: 0.02MB + Index: 0.00MB
kvid_bwg_theme: Data: 0.05MB + Index: 0.00MB
kvid_commentmeta: Data: 0.02MB + Index: 0.03MB
kvid_comments: Data: 0.02MB + Index: 0.09MB
kvid_icwp_wpsf_ip_lists: Data: 0.02MB + Index: 0.00MB
kvid_icwp_wpsf_reporting: Data: 0.02MB + Index: 0.00MB
kvid_icwp_wpsf_sessions: Data: 0.02MB + Index: 0.00MB
kvid_icwp_wpsf_statistics: Data: 0.02MB + Index: 0.00MB
kvid_links: Data: 0.02MB + Index: 0.02MB
kvid_nextend2_image_storage: Data: 0.06MB + Index: 0.02MB
kvid_nextend2_section_storage: Data: 0.02MB + Index: 0.03MB
kvid_nextend2_smartslider3_generators: Data: 0.02MB + Index: 0.00MB
kvid_nextend2_smartslider3_sliders: Data: 0.14MB + Index: 0.00MB
kvid_nextend2_smartslider3_sliders_xref: Data: 0.02MB + Index: 0.00MB
kvid_nextend2_smartslider3_slides: Data: 2.17MB + Index: 0.00MB
kvid_options: Data: 4.13MB + Index: 0.08MB
kvid_postmeta: Data: 1.45MB + Index: 0.61MB
kvid_posts: Data: 5.47MB + Index: 0.41MB
kvid_revslider_css: Data: 0.13MB + Index: 0.02MB
kvid_revslider_layer_animations: Data: 0.02MB + Index: 0.02MB
kvid_revslider_navigations: Data: 0.02MB + Index: 0.00MB
kvid_revslider_settings: Data: 0.02MB + Index: 0.00MB
kvid_revslider_sliders: Data: 0.02MB + Index: 0.02MB
kvid_revslider_slides: Data: 0.02MB + Index: 0.02MB
kvid_revslider_static_slides: Data: 0.02MB + Index: 0.02MB
kvid_smush_dir_images: Data: 0.02MB + Index: 0.03MB
kvid_structuring_markup: Data: 0.02MB + Index: 0.02MB
kvid_termmeta: Data: 0.05MB + Index: 0.03MB
kvid_terms: Data: 0.05MB + Index: 0.03MB
kvid_term_relationships: Data: 0.06MB + Index: 0.02MB
kvid_term_taxonomy: Data: 0.08MB + Index: 0.03MB
kvid_usermeta: Data: 0.02MB + Index: 0.03MB
kvid_users: Data: 0.02MB + Index: 0.05MB
kvid_w3tc_cdn_pathmap: Data: 0.02MB + Index: 0.02MB
kvid_w3tc_cdn_queue: Data: 0.02MB + Index: 0.02MB
kvid_wc_download_log: Data: 0.02MB + Index: 0.03MB
kvid_wc_webhooks: Data: 0.02MB + Index: 0.02MB
kvid_wfBadLeechers: Data: 0.02MB + Index: 0.00MB
kvid_wfBlockedIPLog: Data: 0.02MB + Index: 0.00MB
kvid_wfBlocks: Data: 0.02MB + Index: 0.02MB
kvid_wfBlocksAdv: Data: 0.02MB + Index: 0.00MB
kvid_wfConfig: Data: 0.02MB + Index: 0.00MB
kvid_wfCrawlers: Data: 0.02MB + Index: 0.00MB
kvid_wfFileMods: Data: 1.52MB + Index: 0.00MB
kvid_wfHits: Data: 0.28MB + Index: 0.11MB
kvid_wfHoover: Data: 0.02MB + Index: 0.02MB
kvid_wfIssues: Data: 0.02MB + Index: 0.00MB
kvid_wfLeechers: Data: 0.02MB + Index: 0.00MB
kvid_wfLockedOut: Data: 0.02MB + Index: 0.00MB
kvid_wfLocs: Data: 0.02MB + Index: 0.00MB
kvid_wfLogins: Data: 0.05MB + Index: 0.02MB
kvid_wfNet404s: Data: 0.02MB + Index: 0.02MB
kvid_wfReverseCache: Data: 0.02MB + Index: 0.00MB
kvid_wfScanners: Data: 0.02MB + Index: 0.00MB
kvid_wfStatus: Data: 0.13MB + Index: 0.09MB
kvid_wfThrottleLog: Data: 0.02MB + Index: 0.02MB
kvid_wfVulnScanners: Data: 0.02MB + Index: 0.00MB
kvid_woocommerce_bundled_itemmeta: Data: 0.02MB + Index: 0.03MB
kvid_woocommerce_bundled_items: Data: 0.02MB + Index: 0.03MB
kvid_yoast_seo_links: Data: 0.08MB + Index: 0.02MB
kvid_yoast_seo_meta: Data: 0.02MB + Index: 0.00MB

Post Type Counts

attachment: 277
bwg_gallery: 2
customize_changeset: 3
GOTMLS_quarantine: 7
nav_menu_item: 76
page: 81
post: 5
product: 64
product_variation: 1
revision: 1663
shop_coupon: 1
shop_order: 1
soliloquy: 1
testimonial: 6
testimonial_rotator: 1
wpcf7_contact_form: 1
x-email-forms: 1

Security

Secure connection (HTTPS): :heavy_check_mark:
Hide errors from visitors: :heavy_check_mark:

Active Plugins (34)

Shield Security: by iControlWP – 6.2.2
Akismet Anti-Spam: by Automattic – 4.0.2
Animate It!: by eLEOPARD Design Studios – 2.3.1
Better Search Replace: by Delicious Brains – 1.3.2
Clean and Simple Contact Form: by Meghan Nicholas – 4.6.2
Coming Soon Page & Maintenance Mode by SeedProd: by SeedProd – 5.0.17
Contact Form 7: by Takayuki Miyoshi – 5.0
Cornerstone: by Themeco – 2.1.7
Duplicate Post: by Enrico Battocchi – 3.2.1
Easy Google Fonts: by Titanium Themes – 1.4.3
Favicon by RealFaviconGenerator: by Philippe Bernard – 1.3.11
Google XML Sitemaps: by Arne Brachhold – 4.0.9
Anti-Malware Security and Brute-Force Firewall: by Eli Scheetz – 4.17.57
Smart Slider 3 Pro: by Nextend – 3.2.12
WooCommerce Order Export and More: by JEM Plugins – 1.3.2 – Not tested with the active version of WooCommerce
Virtual Robots.txt: by Marios Alexandrou – 1.9
Photo Gallery: by Photo Gallery Team – 1.3.68
Pinterest Verify: by Phil Derksen – 1.0.4
PW WooCommerce Bulk Edit: by Pimwick
LLC – 2.108

Regenerate Thumbnails: by Alex Mills (Viper007Bond) – 3.0.2
Schema: by Hesham – 1.6.9.8.1
Testimonial Rotator: by Hal Gatewood – 2.2.7
Social Media and Share Icons (Ultimate Social Media): by UltimatelySocial – 1.8.3
WooCommerce Stripe Gateway: by WooCommerce – 4.0.5
WooCommerce PDF Invoices: by Bas Elbers – 2.9.11 – Not tested with the active version of WooCommerce
WooCommerce Services: by Automattic – 1.11.0
WooCommerce USPS Shipping: by WooCommerce – 4.4.13
WooCommerce: by Automattic – 3.3.1
Yoast SEO: by Team Yoast – 6.2
WP Smush: by WPMU DEV – 2.7.6
Markup (JSON-LD) structured in schema.org: by Kazuya Takami – 4.1.7
X – Disqus Comments: by Themeco – 1.1.4
X – Email Forms (MailChimp): by Themeco – 1.1.2
X – Google Analytics: by Themeco – 1.0.3

Settings

API Enabled: :heavy_check_mark:
Force SSL: :heavy_check_mark:
Currency: USD ($)
Currency Position: left
Thousand Separator: ,
Decimal Separator: .
Number of Decimals: 2
Taxonomies: Product Types: bundle (bundle)
external (external)
grouped (grouped)
simple (simple)
variable (variable)

Taxonomies: Product Visibility: exclude-from-catalog (exclude-from-catalog)
exclude-from-search (exclude-from-search)
featured (featured)
outofstock (outofstock)
rated-1 (rated-1)
rated-2 (rated-2)
rated-3 (rated-3)
rated-4 (rated-4)
rated-5 (rated-5)

WC Pages

Shop base: #682 - /shop/
Cart: #702 - /cart/
Checkout: #693 - /checkout/
My account: #698 - /my-account/
Terms and conditions: #657 - /my-account/terms-and-conditions/

Theme

Name: X – Child Theme
Version: 1.0.0
Author URL: theme.co/
Child Theme: :heavy_check_mark:
Parent Theme Name: X
Parent Theme Version: 5.2.5
Parent Theme Author URL: theme.co/
WooCommerce Support: :heavy_check_mark:

Templates

Archive Template: Your theme has a woocommerce.php file
you will not be able to override the woocommerce/archive-product.php custom template since woocommerce.php has priority over archive-product.php. This is intended to prevent display issues.

Overrides: x-child/cart/cart-empty.php
x-child/cart/cross-sells.php
x/woocommerce/loop/loop-end.php
x/woocommerce/loop/loop-start.php
x/woocommerce/loop/pagination.php
x/woocommerce/notices/error.php
x/woocommerce/notices/notice.php
x/woocommerce/notices/success.php
x-child/single-product/product-image.php
x-child/single-product/product-thumbnails.php
x-child/single-product/related.php
x/woocommerce/single-product/tabs/tabs.php
x-child/single-product/up-sells.php
x-child/single-product-reviews.php

`

Hello There,

WooCommerce 3.0 has some new features and support for the new features was released since X 5.1.1. Also included in the update was the removal of image size restriction. Now you can choose your own Catalog, Single Product, and Product Thumbnails images sizes. To do that, you need to set the image sizes in WooCommerce > Settings > Products > Display then you need to regenerate the thumbnails in your site using Regenerate Thumbnails plugin . Please see this article for more details regarding WC image sizes.

I have checked your site.It is expected that on in your shop and product archives, you will have 300x300 pixels. When you are in the big screen, most likely the image will blow up to a bigger size because of the default styling. To resolve this and make sure that the image is exactly the same as the size in the settings, please add the following CSS code in the X > Launch > Theme Options > Global CSS (http://prntscr.com/evui3r1)

.woocommerce li.product .entry-featured img {
    min-width: 100px;
    max-width: 100%;
    width: auto;
}

Meanwhile, you might as well check this page:

Hope this helps.

Thank you for the quick reply. I added the code you provided to Global CSS, cleared cache, and regenerated. The problem still exists.

Also, please note that the “Resizing WooCommerce Images” procedure you attached appears outdated. In order to access those image settings, woocommerce 3.3.1 requires I go through this:

I’m not sure about the above settings, or if there’s something else being overlooked. Please advise.
Thank you

Hello There,

Pro and X theme only supports Woo 3.2.3.

We are still testing for WooCommerce 3.3.x.

I have updated WooCommerce to the latest version in my local testing server. You will need to go to X > Launch > Options > WooCommerce and update your settings like columns so that the columns will be fixed. At the moment, in your site, it seems that it is only two columns yet it should be 3 or 4 columns that is in your theme options. To assist you better with this issue, would you mind providing us the url of your site with login credentials so we can take a closer look?

To do this, you can create a secure note with the following info:
– Link to your site
– WordPress Admin username / password

Thank you.

Hi - the column settings were already set to 3. I changed to 4 but still same issue. Please advise how to create a “secure note”, so that I can send you link and access info.

Hi there,

I checked and they are actually same size (image size), but just rendered differently. Example is this https://www.incywincies.com/product-category/environment-posters/teen-environmental-posters/

And the column class that is supposed to be added in products wrapper is cols-4 but it’s added as columns-4 which is wrong. Do you have existing customization?

For the meantime, please add this code to your global custom javascript to fix the column class issue.

jQuery('.archive ul.products').addClass('cols-4');

Hope this helps.

Thanks!

Hi Rad,

Thank you! The jQuery worked. But I sense this is a temporary fix.

You asked if I had existing customization. Are you asking if I can edit template files such as: woocommerce/templates/archive-products.php. I can edit products wrapper file if I have correct code.

I can only customize Main Image and Thumbnail Width sizes via Product Images, which is very limited:

One other thing I noticed that changed. The “next page” arrows(see bottom of page) changed after the update. Any idea how I can change arrow appearances?

Thank you very much for your help,
Orlando

Hey Orlando,

I made further investigation of your site and it seems that the WooCommerce X integration was being replaced by WooCommerce. I have tried as many times as I can to replicate the issue in my local testing server. I updated my WooCommerce with X 5.2.5 and no issues for me. I am guessing that maybe, there are theme files missing in your site. I’d like you to re install theme. If you could give us ftp details, then maybe we can investigate further because all of your issue is not happening in our test sites.

Please let us know what you think and provide us the access if you permit us to re install the theme.

Thank you in advance.

Hello,

Thank you for looking into this further. I don’t have a problem with you reinstalling the theme. Personally, I would not trust myself to do it. So, thank you for the offer. Please note that Child Theme is active.

This may have nothing to do with anything but this message has been on the dashboard forever:

I’m sending ftp info in a secure note.

Again, thank you for your help.
Orlando

Hi there,

I don’t see any customization related to this issue, this could be an incompatibility issue. Maybe the latest Woocommerce has different filters or standard which affects the current options.

I’ll add this to our issue tracker, you may use the temporary fix for now.

Thanks!

Rad,

Again, thanks for looking into this. I’m hoping for a more permanent fix in the very near future but will keep your jQuery code in place.

Orlando

No problem.
Thank you for understanding.

Hi again,

I recently ran into a 505 Internal Error on my site. It may be totally unrelated - I’m just not sure.

As the host company was looking into the error they indicated that it was not advisable for me to use PHP 7.0, but rather PHP 5.6. With that said, I’m guessing there’s now a major incompatibility between Woocommerce and 7.0.

Reverting back to 5.6 will only be another temporary fix. I’m afraid it will reach its “End of Life” before these issues are resolved.

If you have anything at all on this issue, please let me know as my site is presently down.

Thank you,
Orlando

Hi there,

The 5.6 should be good for now, but given the availability of 7.0 then it may retire soon and all other scripts and code will follow. And some host can’t follow the trend right away since upgrading a feature could affect the entire system.

Please use the temporary fix for now.

Thanks!

Thank you Staff, I have suddenly experienced this same issue with my category images and was able to get things back on track with the provided JavaScript. Over the course of the last couple years I have added quite a collection of custom CSS and JavaScript to force my X Themed websites into a level of customization not readily available at that time. All of those customization’s are still in place and I’m now wondering if they are creating more of a problem what with the new advancements in both X and Wordpress settings. Is there a best practice for removing unnecessary customization’s?
Thanks!

Also, seeing this issue with next/previous arrows. Have you discovered a fix yet?

Thanks!

Great question!!! While I greatly appreciate these band-aids the staff provides…they’re making me nervous.

And, the staff’s reply, “The 5.6 should be good for now, but given the availability of 7.0 then it may retire soon and all other scripts and code will follow. And some host can’t follow the trend right away since upgrading a feature could affect the entire system” - is reeeally making me nervous.

I’m now on my 3rd site crash since the update to woocommerce 3.3.1 and as I’m totally dependent on woocommerce and xtheme, I’m at a complete loss as to why a more efficient and effective development process isn’t in place before the update is put out there. Meanwhile, I’m losing customers, and spending hours troubleshooting.

Regarding the next/previous arrows, “No”…no fix yet. This was the reply:

"I don’t see any customization related to this issue, this could be an incompatibility issue. Maybe the latest Woocommerce has different filters or standard which affects the current options. I’ll add this to our issue tracker, you may use the temporary fix for now."

Let’s hope something good comes of these “support tickets.”

So not right and I share your frustration.
Orlando

1 Like

Hi @incywincies and @aacbrands,

Thank you both for your feedback we will surely take this into consideration. Meanwhile please kindly stay tuned for the upcoming release to have a solid support for the Woocomemrce 3.3.X

Thank you.

1 Like

Thank you, Chris.

You’re welcome.