woocommerce problems with image size in the store and simple product

(@fer140469)

Thank you very much for your answer.
I followed the steps according to your indication and the problem persists. There is no other choice but to try deactivating all the plugins and activating it one by one.
Thank you very much and I will keep you posted on the progress

Abhishek

(@abhikr781)

Yes, please follow the troubleshooting steps and let us know if you are facing any issues with this.

Thread Starter

(@fer140469)

Good morning,

disabling all plugins and simple product image in woocommerce store keeps showing too big. Please could someone help me to fix this problem?
Thanks a lot !!

Thread Starter

(@fer140469)

please and sorry for my insistence. I tried all the suggested alternatives and the problem with the simple product images is not solved. Please, if this problem has no solution, let me know, and, although it is not my idea, I will change the subject for one that shows the images well and without problems.

Thanks a lot

Abhishek

(@abhikr781)

Hello,

That is really odd, Would you be so kind and go to Elementor > System Info and share the report with us so that we can take a look.?

And try to add the below CSS code from the Appearance > Customize > Custom CSS, and check.

.woocommerce #content div.product div.images, .woocommerce div.product div.images, .woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images {
    width: 35%;
}
.woocommerce div.product div.images .flex-control-thumbs li {
    margin: 5px 0 0 5px;
}

Please also share the snapshots of the issue.

Thread Starter

(@fer140469)

Good Morning
thank you very much for your reply. I share the requested information

== Server Environment ==
	Operating System: Linux
	Software: Apache
	MySQL version: MySQL Community Server (GPL) v5.7.35
	PHP Version: 7.3.29
	PHP Max Input Vars: 1000
	PHP Max Post Size: 30M
	GD Installed: Yes
	ZIP Installed: No
	Write Permissions: All right
	Elementor Library: Connected

== WordPress Environment ==
	Version: 5.8
	Site URL: https://textilviegas.com.ar
	Home URL: https://textilviegas.com.ar
	WP Multisite: No
	Max Upload Size: 30 MB
	Memory limit: 512M
	Permalink Structure: /%category%/%postname%/
	Language: es-AR
	Timezone: America/Argentina/Buenos_Aires
	Debug Mode: Active

== Theme ==
	Name: OceanWP
	Version: 3.0.1
	Author: Nick
	Child Theme: No

== User ==
	Role: administrator
	WP Profile lang: es_AR
	User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/92.0.4515.131 Safari/537.36

== Active Plugins ==
	Add to Cart Button Custom Text
		Version: 3.0.5
		Author: Enrique J. Ros

	Async JavaScript
		Version: 2.21.06.29
		Author: Frank Goossens (futtta)

	Autoptimize
		Version: 2.9.0
		Author: Frank Goossens (futtta)

	Click to Chat
		Version: 3.3.5
		Author: HoliThemes

	Code Snippets
		Version: 2.14.1
		Author: Code Snippets Pro

	Download Monitor
		Version: 4.4.4
		Author: WPChill

	Elementor
		Version: 3.3.1
		Author: Elementor.com

	FiboSearch - AJAX Search for WooCommerce
		Version: 1.13.0
		Author: FiboSearch Team

	FileBird Lite
		Version: 4.8
		Author: Ninja Team

	Google Ads & Marketing by Kliken
		Version: 1.0.7
		Author: Kliken

	Google Tag Manager for WordPress
		Version: 1.13.1
		Author: Thomas Geiger

	Ocean Extra
		Version: 1.7.8
		Author: OceanWP

	Popup Maker
		Version: 1.16.2
		Author: Popup Maker

	Sold Out Badge for WooCommerce
		Version: 2.0.10
		Author: Charlie Etienne

	W3 Total Cache
		Version: 2.1.6
		Author: BoldGrid

	WooCommerce
		Version: 5.5.2
		Author: Automattic

	WooCommerce Customizer
		Version: 2.7.4
		Author: SkyVerge

	WPForms Lite
		Version: 1.6.8.1
		Author: WPForms

	WP Mail SMTP
		Version: 3.0.2
		Author: WPForms

	YITH WooCommerce Product Add-ons & Extra Options
		Version: 2.0.3
		Author: YITH

	Yoast SEO
		Version: 16.8
		Author: Team Yoast

== Elementor - Compatibility Tag ==
	

== Elements Usage ==
	
	wp-post : 0
		heading : 1
		icon-list : 1
		image : 1
		wp-widget-ocean_custom_header_nav : 1
	wp-page : 7
		button : 50
		divider : 34
		heading : 31
		icon-list : 1
		image : 48
		shortcode : 1
		spacer : 29
		text-editor : 17

== Log ==
	
Log: showing 20 of 432021-06-18 17:56:39 [info] Elementor data updater process has been completed. [array (
  'plugin' => 'Elementor',
  'from' => '3.2.4',
  'to' => '3.2.5',
)]
2021-06-18 17:56:42 [info] Elementor data updater process has been completed. [array (
  'plugin' => 'Elementor',
  'from' => '3.2.4',
  'to' => '3.2.5',
)]
2021-06-18 17:56:47 [info] Elementor data updater process has been completed. [array (
  'plugin' => 'Elementor',
  'from' => '3.2.4',
  'to' => '3.2.5',
)]
2021-06-18 17:56:54 [info] Elementor data updater process has been completed. [array (
  'plugin' => 'Elementor',
  'from' => '3.2.4',
  'to' => '3.2.5',
)]
2021-06-18 17:56:55 [info] Elementor data updater process has been completed. [array (
  'plugin' => 'Elementor',
  'from' => '3.2.4',
  'to' => '3.2.5',
)]
2021-06-18 17:56:56 [info] Elementor data updater process has been completed. [array (
  'plugin' => 'Elementor',
  'from' => '3.2.4',
  'to' => '3.2.5',
)]
2021-06-18 17:57:00 [info] Elementor data updater process has been completed. [array (
  'plugin' => 'Elementor',
  'from' => '3.2.4',
  'to' => '3.2.5',
)]
2021-06-18 17:57:01 [info] Elementor data updater process has been completed. [array (
  'plugin' => 'Elementor',
  'from' => '3.2.4',
  'to' => '3.2.5',
)]
2021-06-18 17:57:09 [info] Elementor data updater process has been completed. [array (
  'plugin' => 'Elementor',
  'from' => '3.2.4',
  'to' => '3.2.5',
)]
2021-06-18 17:57:25 [info] Elementor data updater process has been completed. [array (
  'plugin' => 'Elementor',
  'from' => '3.2.4',
  'to' => '3.2.5',
)]
2021-06-18 17:57:39 [info] Elementor data updater process has been completed. [array (
  'plugin' => 'Elementor',
  'from' => '3.2.4',
  'to' => '3.2.5',
)]
2021-06-18 17:57:40 [info] Elementor data updater process has been completed. [array (
  'plugin' => 'Elementor',
  'from' => '3.2.4',
  'to' => '3.2.5',
)]
2021-06-18 17:57:49 [info] Elementor data updater process has been completed. [array (
  'plugin' => 'Elementor',
  'from' => '3.2.4',
  'to' => '3.2.5',
)]
2021-06-18 17:57:54 [info] Elementor data updater process has been completed. [array (
  'plugin' => 'Elementor',
  'from' => '3.2.4',
  'to' => '3.2.5',
)]
2021-07-14 14:12:36 [info] Elementor data updater process has been queued. [array (
  'plugin' => 'Elementor',
  'from' => '3.2.5',
  'to' => '3.3.0',
)]
2021-07-14 14:12:38 [info] elementor::elementor_updater Started 
2021-07-14 14:12:38 [info] Elementor/Upgrades - _on_each_version Start  
2021-07-14 14:12:44 [info] Elementor/Upgrades - _on_each_version Finished 
2021-07-14 14:12:44 [info] Elementor data updater process has been completed. [array (
  'plugin' => 'Elementor',
  'from' => '3.2.5',
  'to' => '3.3.0',
)]
2021-07-14 14:12:46 [info] Elementor data updater process has been queued. [array (
  'plugin' => 'Elementor',
  'from' => '3.2.5',
  'to' => '3.3.0',
)]

Thread Starter

(@fer140469)

add the css code, the image size would be fine, but it still looks blurry. Sorry for the inconvenience, but I can’t understand where the problem is.

Thanks a lot

Thread Starter

(@fer140469)

and in mobile view the image is seen in miniature.

Thread Starter

(@fer140469)

After searching the entire internet, I managed to solve the problem. I copy the solution that I found in case some user presents the same problem.
Thanks a lot

@media(min-width: 769px) {
  
	.woocommerce #content div.product div.images, 
    .woocommerce div.product div.images, 
    .woocommerce-page #content div.product div.images, 
    .woocommerce-page div.product div.images {
        width: 30%;
margin-left: 2%;
    }

    .woocommerce #content div.product div.summary, 
    .woocommerce div.product div.summary, 
    .woocommerce-page #content div.product div.summary, 
    .woocommerce-page div.product div.summary {
        float: right;
        width: 65%;
    }

    }

Abhishek

(@abhikr781)