Pregunta sobre WooCommerce de Wordpress:

Imágenes en miniatura de la tienda muy borrosas después de actualizar a 3.3.2

Un usuario preguntó 👇

Hola,

Después de las últimas imágenes en miniatura de la tienda WooCommerce actualizadas (debajo del producto principal / imagen individual), se ven muy borrosas. He regenerado miniaturas pero nada ha cambiado. No puedo pensar en qué más puedo hacer para solucionarlo. ¿Puedes ayudarme?

Gracias Olga


### WordPress Environment ###

Home URL: https://www.olenkadesign.co.uk
Site URL: https://www.olenkadesign.co.uk
WC Version: 3.3.3
Log Directory Writable: ✔
WP Version: 4.9.4
WP Multisite: –
WP Memory Limit: 512 MB
WP Debug Mode: –
WP Cron: ✔
Language: en_US

### Server Environment ###

Server Info: Apache
PHP Version: 7.0.27
PHP Post Max Size: 256 MB
PHP Time Limit: 300
PHP Max Input Vars: 5000
cURL Version: 7.54.0
OpenSSL/1.0.2k

SUHOSIN Installed: –
MySQL Version: 5.6.38
Max Upload Size: 256 MB
Default Timezone is UTC: ✔
fsockopen/cURL: ✔
SoapClient: ✔
DOMDocument: ✔
GZip: ✔
Multibyte String: ✔
Remote Post: ✔
Remote Get: ✔

### Database ###

WC Database Version: 3.3.3
WC Database Prefix: wp_
Total Database Size: 9.18MB
Database Data Size: 6.40MB
Database Index Size: 2.78MB
wp_woocommerce_sessions: Data: 0.01MB + Index: 0.00MB
wp_woocommerce_api_keys: Data: 0.02MB + Index: 0.03MB
wp_woocommerce_attribute_taxonomies: Data: 0.00MB + Index: 0.00MB
wp_woocommerce_downloadable_product_permissions: Data: 0.00MB + Index: 0.00MB
wp_woocommerce_order_items: Data: 0.00MB + Index: 0.00MB
wp_woocommerce_order_itemmeta: Data: 0.00MB + Index: 0.01MB
wp_woocommerce_tax_rates: Data: 0.00MB + Index: 0.01MB
wp_woocommerce_tax_rate_locations: Data: 0.00MB + Index: 0.00MB
wp_woocommerce_shipping_zones: Data: 0.00MB + Index: 0.00MB
wp_woocommerce_shipping_zone_locations: Data: 0.00MB + Index: 0.00MB
wp_woocommerce_shipping_zone_methods: Data: 0.00MB + Index: 0.00MB
wp_woocommerce_payment_tokens: Data: 0.00MB + Index: 0.00MB
wp_woocommerce_payment_tokenmeta: Data: 0.00MB + Index: 0.00MB
wp_woocommerce_log: Data: 0.00MB + Index: 0.00MB
wpstg0_commentmeta: Data: 0.00MB + Index: 0.00MB
wpstg0_comments: Data: 0.00MB + Index: 0.01MB
wpstg0_failed_jobs: Data: 0.00MB + Index: 0.00MB
wpstg0_links: Data: 0.00MB + Index: 0.00MB
wpstg0_mailchimp_carts: Data: 0.00MB + Index: 0.00MB
wpstg0_mo_campaign_log: Data: 0.00MB + Index: 0.00MB
wpstg0_mo_campaign_logmeta: Data: 0.00MB + Index: 0.00MB
wpstg0_mo_conversions: Data: 0.00MB + Index: 0.00MB
wpstg0_mo_email_campaigns: Data: 0.00MB + Index: 0.00MB
wpstg0_mo_optin_campaignmeta: Data: 0.00MB + Index: 0.00MB
wpstg0_mo_optin_campaigns: Data: 0.00MB + Index: 0.00MB
wpstg0_options: Data: 1.09MB + Index: 0.07MB
wpstg0_postmeta: Data: 0.30MB + Index: 0.07MB
wpstg0_posts: Data: 0.16MB + Index: 0.04MB
wpstg0_pp_call_to_action_groups: Data: 0.00MB + Index: 0.01MB
wpstg0_pp_customizations: Data: 0.37MB + Index: 0.14MB
wpstg0_pp_designs: Data: 0.00MB + Index: 0.00MB
wpstg0_pp_entities_images: Data: 0.00MB + Index: 0.01MB
wpstg0_pp_forms: Data: 0.00MB + Index: 0.01MB
wpstg0_pp_form_submissions: Data: 0.00MB + Index: 0.01MB
wpstg0_pp_images: Data: 0.01MB + Index: 0.03MB
wpstg0_pp_layout_entities: Data: 0.03MB + Index: 0.03MB
wpstg0_pp_layout_meta: Data: 0.04MB + Index: 0.04MB
wpstg0_pp_menus: Data: 0.00MB + Index: 0.00MB
wpstg0_pp_menu_items: Data: 0.01MB + Index: 0.01MB
wpstg0_pp_menu_item_instances: Data: 0.01MB + Index: 0.02MB
wpstg0_pp_menu_item_types: Data: 0.00MB + Index: 0.00MB
wpstg0_pp_migrations: Data: 0.02MB + Index: 0.00MB
wpstg0_pp_taxonomies: Data: 0.00MB + Index: 0.00MB
wpstg0_pp_templates: Data: 0.01MB + Index: 0.01MB
wpstg0_pp_templates_customization_parents: Data: 0.45MB + Index: 0.57MB
wpstg0_pp_template_entities: Data: 0.11MB + Index: 0.12MB
wpstg0_pp_tiles: Data: 0.45MB + Index: 0.01MB
wpstg0_queue: Data: 0.00MB + Index: 0.00MB
wpstg0_say_what_strings: Data: 0.00MB + Index: 0.00MB
wpstg0_termmeta: Data: 0.00MB + Index: 0.01MB
wpstg0_terms: Data: 0.00MB + Index: 0.01MB
wpstg0_term_relationships: Data: 0.00MB + Index: 0.01MB
wpstg0_term_taxonomy: Data: 0.00MB + Index: 0.00MB
wpstg0_usermeta: Data: 0.02MB + Index: 0.02MB
wpstg0_users: Data: 0.00MB + Index: 0.01MB
wpstg0_wc_download_log: Data: 0.00MB + Index: 0.00MB
wpstg0_wc_webhooks: Data: 0.00MB + Index: 0.00MB
wpstg0_woocommerce_api_keys: Data: 0.02MB + Index: 0.03MB
wpstg0_woocommerce_attribute_taxonomies: Data: 0.00MB + Index: 0.00MB
wpstg0_woocommerce_downloadable_product_permissions: Data: 0.00MB + Index: 0.00MB
wpstg0_woocommerce_log: Data: 0.00MB + Index: 0.00MB
wpstg0_woocommerce_order_itemmeta: Data: 0.00MB + Index: 0.01MB
wpstg0_woocommerce_order_items: Data: 0.00MB + Index: 0.00MB
wpstg0_woocommerce_payment_tokenmeta: Data: 0.00MB + Index: 0.00MB
wpstg0_woocommerce_payment_tokens: Data: 0.00MB + Index: 0.00MB
wpstg0_woocommerce_sessions: Data: 0.00MB + Index: 0.00MB
wpstg0_woocommerce_shipping_zones: Data: 0.00MB + Index: 0.00MB
wpstg0_woocommerce_shipping_zone_locations: Data: 0.00MB + Index: 0.00MB
wpstg0_woocommerce_shipping_zone_methods: Data: 0.00MB + Index: 0.00MB
wpstg0_woocommerce_tax_rates: Data: 0.00MB + Index: 0.01MB
wpstg0_woocommerce_tax_rate_locations: Data: 0.00MB + Index: 0.00MB
wpstg0_yoast_seo_links: Data: 0.00MB + Index: 0.00MB
wpstg0_yoast_seo_meta: Data: 0.00MB + Index: 0.01MB
wp_commentmeta: Data: 0.00MB + Index: 0.00MB
wp_comments: Data: 0.00MB + Index: 0.01MB
wp_failed_jobs: Data: 0.00MB + Index: 0.00MB
wp_links: Data: 0.00MB + Index: 0.00MB
wp_mailchimp_carts: Data: 0.00MB + Index: 0.00MB
wp_mo_campaign_log: Data: 0.00MB + Index: 0.00MB
wp_mo_campaign_logmeta: Data: 0.00MB + Index: 0.00MB
wp_mo_conversions: Data: 0.00MB + Index: 0.00MB
wp_mo_email_campaigns: Data: 0.00MB + Index: 0.00MB
wp_mo_optin_campaignmeta: Data: 0.00MB + Index: 0.00MB
wp_mo_optin_campaigns: Data: 0.00MB + Index: 0.00MB
wp_options: Data: 1.15MB + Index: 0.07MB
wp_postmeta: Data: 0.30MB + Index: 0.07MB
wp_posts: Data: 0.19MB + Index: 0.05MB
wp_pp_call_to_action_groups: Data: 0.00MB + Index: 0.01MB
wp_pp_customizations: Data: 0.39MB + Index: 0.14MB
wp_pp_designs: Data: 0.00MB + Index: 0.00MB
wp_pp_entities_images: Data: 0.00MB + Index: 0.01MB
wp_pp_forms: Data: 0.00MB + Index: 0.01MB
wp_pp_form_submissions: Data: 0.00MB + Index: 0.01MB
wp_pp_images: Data: 0.02MB + Index: 0.03MB
wp_pp_layout_entities: Data: 0.03MB + Index: 0.03MB
wp_pp_layout_meta: Data: 0.04MB + Index: 0.04MB
wp_pp_menus: Data: 0.00MB + Index: 0.00MB
wp_pp_menu_items: Data: 0.01MB + Index: 0.01MB
wp_pp_menu_item_instances: Data: 0.01MB + Index: 0.02MB
wp_pp_menu_item_types: Data: 0.00MB + Index: 0.00MB
wp_pp_migrations: Data: 0.02MB + Index: 0.00MB
wp_pp_taxonomies: Data: 0.00MB + Index: 0.00MB
wp_pp_templates: Data: 0.01MB + Index: 0.01MB
wp_pp_templates_customization_parents: Data: 0.49MB + Index: 0.63MB
wp_pp_template_entities: Data: 0.12MB + Index: 0.17MB
wp_pp_tiles: Data: 0.47MB + Index: 0.01MB
wp_queue: Data: 0.00MB + Index: 0.00MB
wp_say_what_strings: Data: 0.00MB + Index: 0.00MB
wp_termmeta: Data: 0.00MB + Index: 0.01MB
wp_terms: Data: 0.00MB + Index: 0.01MB
wp_term_relationships: Data: 0.00MB + Index: 0.01MB
wp_term_taxonomy: Data: 0.00MB + Index: 0.00MB
wp_usermeta: Data: 0.02MB + Index: 0.02MB
wp_users: Data: 0.00MB + Index: 0.01MB
wp_wc_download_log: Data: 0.00MB + Index: 0.00MB
wp_wc_webhooks: Data: 0.00MB + Index: 0.00MB
wp_yoast_seo_links: Data: 0.00MB + Index: 0.00MB
wp_yoast_seo_meta: Data: 0.00MB + Index: 0.01MB

### Post Type Counts ###

attachment: 99
customize_changeset: 7
nav_menu_item: 18
page: 15
post: 1
pp_gallery: 4
product: 18
revision: 120
shop_order: 2
slide: 5
tt_font_control: 1
wafs: 1
wooframework: 18

### Security ###

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

### Active Plugins (16) ###

Developer: by Automattic – 1.2.6
Functionality: by Shea Bunge – 1.2.0
Woocommerce Hide Add To Cart Button: by WPProcare – 1.3 – Not tested with the active version of WooCommerce
MailChimp for WooCommerce: by MailChimp – 2.1.4 – Not tested with the active version of WooCommerce
MailChimp Forms by MailMunch: by MailMunch – 3.1.0
ProPhoto 6 Installer: by ProPhoto – 6.0.13
Really Simple SSL: by Rogier Lankhorst – 2.5.25
Regenerate Thumbnails: by Alex Mills (Viper007Bond) – 3.0.2
Simply Show IDs: by Matt Martz – 1.3.3
Cookie Consent: by Catapult_Themes – 2.3.9
W3 Total Cache: by Frederick Townes – 0.9.6
WooCommerce Advanced Free Shipping: by Jeroen Sormani – 1.1.3 – Not tested with the active version of WooCommerce
WooCommerce Social Media Share Buttons: by Toastie Studio – 1.3.0 – Not tested with the active version of WooCommerce
WooCommerce: by Automattic – 3.3.3
Yoast SEO: by Team Yoast – 6.3.1
WP Staging: by WP-Staging – 2.1.8

### Settings ###

API Enabled: ✔
Force SSL: ✔
Currency: GBP (£)
Currency Position: left
Thousand Separator: ,
Decimal Separator: .
Number of Decimals: 2
Taxonomies: Product Types: 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: #5 - /shop/
Cart: #6 - /cart/
Checkout: #7 - /checkout/
My account: #8 - /my-account/
Terms and conditions: #25 - /about/terms/

### Theme ###

Name: ProPhoto 6
Version: 6
Author URL: https://www.prophoto.com/
Child Theme: ❌ – If you are modifying WooCommerce on a parent theme that you did not build personally we recommend using a child theme. See: How to create a child theme
WooCommerce Support: ✔

### 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: –

(@mikeyarce)

Ingeniero Automático de Felicidad

Hace 2 años, 10 meses

Hola @ olga1706,

Después de las últimas imágenes en miniatura de la tienda WooCommerce actualizadas (debajo de la imagen del producto principal / producto individual), se ven muy borrosas. He regenerado miniaturas pero no ha cambiado nada. No puedo pensar en qué más puedo hacer para solucionarlo.

¿Tiene un ejemplo de una página con imágenes borrosas? Fui al enlace que proporcionaste pero no noté ninguna imagen vaga.

(@ olga1706)

Hace 2 años, 10 meses

Hola Mikey,

Gracias por volver a mi. Aquí hay un enlace para vos https://www.olenkadesign.co.uk/shop/milana-hot-pink-grey/

Las imágenes pequeñas debajo de la imagen principal del producto son oscuras.

Gracias.

Olga

(@mikeyarce)

Ingeniero Automático de Felicidad

Hace 2 años, 10 meses

¡Gracias!

Entonces, las imágenes de 100 × 100 solo se muestran a 121 × 121 y esa puede ser la razón por la que se ven borrosas:
http://a.mikey.link/pQDqw0

Intente ir a la página de su Tienda, haga clic en Personalizador y luego vaya al panel WooCommerce> Imágenes del producto. A partir de ahí, intente establecer el tamaño de las miniaturas para agrandarlas. Si no ve las opciones allí, significa que su tema ya está configurado, en cuyo caso le sugiero que se comunique con el autor del tema para ver si puede sugerir una forma de anular su configuración.

(@ olga1706)

Hace 2 años, 10 meses

Gracias Mikey. Estoy usando un tema de terceros, pero si activo alguno de los temas de WooCommerce, sigo teniendo el mismo problema. Y ya no tengo ninguna opción para controlar el volumen en los temas de WooCommerce. El problema también fue evidente después de instalar la última versión de WooCommerce. Entonces no tiene ningún sentido para mí.

(@mikeyarce)

Ingeniero Automático de Felicidad

Hace 2 años, 10 meses

Hola @ olga1706,

Gracias Mikey. Estoy usando un tema de terceros, pero si activo alguno de los temas de WooCommerce, sigo teniendo el mismo problema. Y ya no tengo ninguna opción para controlar el volumen en los temas de WooCommerce. El problema también fue evidente después de instalar la última versión de WooCommerce. Entonces no tiene ningún sentido para mí.

Mueva la opción en WooCommerce 3.3 a la personalización: si va a la página de su Tienda, vaya al Personalizador, haga clic en WooCommerce> Imágenes del producto y la opción aún no está allí, significa que su tema ya está confirmando tamaños de imagen.

A veces, un tema de galería en miniatura se anunciará, si lo hace, tendrá que superarlo así:

add_filter( 'woocommerce_get_image_size_gallery_thumbnail', function( $size ) {
return array(
'width' => 150,
'height' => 150,
'crop' => 0,
);
} );

Si el tema no establece un tamaño de miniatura específico, puede ir a Configuración> Medios y confirmar el tamaño:
http://a.mikey.link/K6RoSd

(@ olga1706)

Hace 2 años, 10 meses

Hola Mikey,

Gracias por tu ayuda. Hice tanto lo que sugirió como la regeneración de miniaturas, pero las imágenes se ven borrosas. ¿Tiene alguna idea de qué más podría estar causando esto?

Gracias Olga

(@mikeyarce)

Ingeniero Automático de Felicidad

Hace 2 años, 10 meses

Hola @ olga1706,

Las imágenes aún parecen ser de 100 × 100; verifique Configuración> Medios para ver si la miniatura es más grande que 100 x 100:

http://a.mikey.link/2VSNgE

Y luego haz otra Regeneración.

Salud,

(@ olga1706)

Hace 2 años, 10 meses

Hola Mikey,

Acabo de comprobar mi configuración y tengo miniaturas de 150 × 150. Pero cuando voy a regenerar miniaturas, veo que WooCommerce tiene sus propios tamaños de miniaturas: Tamaños de miniaturas

Aquí están todos los tamaños de modelo registrados actualmente:

modelo: 150 × 150 píxeles (recortado para ajustar) promedio: 300 × 300 píxeles (redimensionado proporcional para ajustarse a las dimensiones interiores) medium_large: 768 × 0 píxeles (redimensionado proporcional para ajustarse a las dimensiones interiores) grande: 880 × 466 píxeles (redimensionado proporcionalmente para ajustarse dimensiones interiores) pp-tiny-thumb: 50 × 0 píxeles (redimensionado proporcionalmente para ajustarse a las dimensiones interiores) woocommerce_thumbnail: 400 × 400 píxeles (recortado para ajustar) woocommerce_single: 600 × 0 píxeles (redimensionado proporcionalmente para ajustarse a las dimensiones) woocommerce_gallery_thumbnail: 100 × 100 píxeles (recortado para encajar) shop_salog: 400 × 400 píxeles (recortado para encajar) shop_single: 600 × 0 píxeles (redimensionado proporcionalmente para encajar) dimensiones interiores shop_thumbnail: 100 × 100 píxeles (recortado para encajar)

¿No puedo cambiar esa configuración? Intenté usar el código que proporcionaste antes, pero no hizo ninguna diferencia.

¿Puede darnos ayuda adicional, por favor?

Gracias,

Olga

(@mikeyarce)

Ingeniero Automático de Felicidad

Hace 2 años, 10 meses

Hola @ olga1706,

Si su tema está configurando tamaños específicos de WooCommerce, puede anularlos siguiendo este documento:

https://docs.woocommerce.com/document/image-sizes-theme-developers/#section-3

El tamaño de la miniatura vendrá del tema que se está configurando o utilizará el medio predeterminado. Si no está utilizando el medio predeterminado, debe configurarse en el tema en algún lugar y puede hacer algo como esto para hacerlo:

add_filter( 'woocommerce_get_image_size_gallery_thumbnail', function( $size ) {
return array(
'width' => 150,
'height' => 150,
'crop' => 0,
);
} );

Si eso no funciona, le sugiero que se ponga en contacto con el autor de su tema para averiguar qué podría estar sucediendo.

(@ olga1706)

Hace 2 años, 10 meses

Hola Mikey,

El código funcionó después de que instalamos el plugin de funciones personalizadas. Entonces las imágenes ahora parecen normales. ¡Gracias por tu ayuda!

Olga

(@mikeyarce)

Ingeniero Automático de Felicidad

Hace 2 años, 10 meses

Hola @ olga1706,

¡Excelente! Me alegro de que haya funcionado 🙂

(@ jaza487)

Hace 2 años, 9 meses

Hola Mikey,

Soy un poco nuevo en el desarrollo web y actualmente estoy trabajando en un sitio web de Woocommerce. Mi problema está en el módulo de la tienda en Divi en la página de inicio. Subí las imágenes del producto a través de Woocommerce cuando configuré la página del producto. Todo lo demás se veía bien, pero cuando configuré el módulo de la tienda en Divi, todas las imágenes estaban un poco borrosas. Déjame saber qué está pasando aquí.

Gracias,

-Tyler

El enlace es http://www.pacificpromises.com

¿Solucionó tu problema??

0 / 0

Deja una respuesta 0

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *