Redimensionamento inteligente de imagens do WordPress – Faça com que as imagens do WooCommerce tenham o mesmo tamanho Pergunta: O site está passando por dificuldades técnicas. Verifique a administração do seu site

Um usuário perguntou ?

O site está passando por dificuldades técnicas. Verifique a caixa de entrada de e-mail do seu site para obter instruções.

Desculpe, mas isso não funciona para mim também, recebo a mensagem acima.

Eu posso ver que este bug foi marcado como “Resolvido” abaixo:

Infelizmente, isso ainda está acontecendo. Estou usando um tema ‘Storefront’ com WooCommerce.

Eu esperava que isso resolvesse meu problema de ajuste de imagem, mas infelizmente não funcionou ?

Sobre Warren

Atualizar: Nabil respondeu imediatamente ao desenvolvedor com uma solução útil para o seguinte problema:

Você já leu a seção de perguntas frequentes? A extensão Fileinfo PHP provavelmente não está habilitada em seu servidor. Por favor, habilite-o ou peça ao seu provedor de hospedagem para fazer isso por você e tente novamente. Mais de 1000 sites ativos estão usando o plug-in e deve funcionar para você também.

Eu já havia encontrado uma forma alternativa de trabalhar, então não usei esse plugin no final, mas tenho certeza que funciona bem.

Este tópico foi modificado 1 ano, 5 meses atrás. Este tópico foi modificado 1 ano, 5 meses atrás.

(@nlemsieh)

1 ano, 5 meses atrás

Olá,

Você já leu a seção de perguntas frequentes? A extensão Fileinfo PHP provavelmente não está habilitada em seu servidor. Por favor, habilite-o ou peça ao seu provedor de hospedagem para fazer isso por você e tente novamente. Mais de 1000 sites ativos estão usando o plug-in e deve funcionar para você também.

Se isso funcionar para você, reconsidere a alteração de sua avaliação para ajudar a melhorar o plug-in.

Você pode responder a este tópico se o problema persistir.

O melhor Nabil

Esta resposta foi modificada há 1 ano e 5 meses.

(@rabbitwordpress)

1 ano, 5 meses atrás

Olá @nlemsieh,

Obrigado por me retornar e pelas sugestões de PHP, vou manter isso em mente na próxima vez. Nesse meio tempo, encontrei um emprego alternativo.

Eu atualizei 5 estrelas de qualquer maneira, continue com o bom trabalho e tenha um ótimo dia!

Muito obrigado Warren

Esta resposta foi modificada há 1 ano e 5 meses.

(@wyohost)

1 ano, 4 meses atrás

@rabbitwordpress Olá,

Você pode compartilhar seu trabalho anterior? Eu tentei este plugin e tive alguns problemas para ativá-lo. Esse foi um problema que a extensão php não foi ativada, mas eu cuidei disso e liguei. O problema é que eu tentei a versão gratuita e não vejo nenhuma imagem estática.

Você pode compartilhar o que você fez? Obrigado.

(@rabbitwordpress)

1 ano, 4 meses atrás

Olá @wyohost

Sim, desculpe não ter postado isso antes, vá aqui.

Se você vir “ifc”, vá em frente e mude para o seu favorito:

põe isto woocommerce-template-functions.php

if ( ! function_exists( 'ifc_thumbnail_wrap_open' ) ) {
	/**
	 * FIX Silly WooCommerce Product Image Sizes
	 * Before Shop Loop Title - CUSTOM IFC
	 * Wraps thumbnail image Open
	 */
	function ifc_thumbnail_wrap_open() {
		?>
		<div class="ifc-thumb-wrapper">
		<?php
	}
}

if ( ! function_exists( 'ifc_thumbnail_wrap_close' ) ) {
	/**
	 * FIX Silly WooCommerce Product Image Sizes
	 * Before Shop Loop Title - CUSTOM IFC
	 * Wraps thumbnail image Close
	 */
	function ifc_thumbnail_wrap_close() {
		?>
		</div><!-- .ifc-thumb-wrapper -->
		<?php
	}
}

coloque ISSO woocommerce-template-hooks.php

/**
 * FIX Silly WooCommerce Product Image Sizes
 * 
 * Product Content Within Loops - CUSTOM IFC
 *
 * @see islandfurniture_woocommerce_brands_archive()
 */
add_action( 'woocommerce_before_shop_loop_item_title', 'ifc_thumbnail_wrap_open', 5 );
add_action( 'woocommerce_before_shop_loop_item_title', 'ifc_thumbnail_wrap_close', 15 );

coloque ISSO funções.php

// FIX Silly WooCommerce Product Image Sizes

add_filter( 'woocommerce_get_image_size_thumbnail', 'ci_theme_override_woocommerce_image_size_thumbnail' );
function ci_theme_override_woocommerce_image_size_thumbnail( $size ) {
    // Catalog images: specific size
    return array(
        'width'  => 300,
        'height' => 300,
        'crop'   => 0, // not cropped
    );
}  

add_filter( 'woocommerce_get_image_size_single', 'ci_theme_override_woocommerce_image_size_single' );
function ci_theme_override_woocommerce_image_size_single( $size ) {
    // Single product image: square
    return array(
        'width'  => 750,
        'height' => 750,
        'crop'   => 1,
    );
}

add_filter( 'woocommerce_get_image_size_gallery_thumbnail', 'ci_theme_override_woocommerce_image_size_gallery_thumbnail' );
function ci_theme_override_woocommerce_image_size_gallery_thumbnail( $size ) {
    // Gallery thumbnails: proportional, max width 200px
    return array(
        'width'  => 200,
        'height' => '',
        'crop'   => 0,
    );
}

// END FIX Silly WooCommerce Product Image Sizes

coloque ISSO estilos.css

** FIX Silly WooCommerce Product Image Sizes **/

ul.products li.product img {
	margin: 0 auto 0
}
.ifc-thumb-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: stretch;
    align-items: center;

    border: 2px solid #eee;
    min-height: 300px;
    max-height: 300px;
    margin-bottom: 1.5em;
    overflow: hidden;
    }
@media screen and (max-width: 1024px) { /* Everything Smaller than 1024px */
	.ifc-thumb-wrapper {
	    min-height: 200px;
	    max-height: 200px;
	    }
}
@media screen and (max-width: 780px) { /* Everything Smaller than 780px */
	.ifc-thumb-wrapper {
	    min-height: 300px;
	    max-height: 300px;
	    }
}

.ifc-thumb-wrapper > img {
    order: 0;
    flex: 0 1 auto;
    align-self: auto;
    }

ul.products li.product {
	text-align: left;
	margin-bottom: 1em;
}

/** END FIX Silly WooCommerce Product Image Sizes **/

É um pouco controverso, mas funciona, você pode ver aqui:

O tema que estou usando é baseado no WooCommerce Storefront.

Eu espero que isso ajude. Cumprimentos Warren

Isto foi útil?

0 / 0

Deixe uma resposta 0

O seu endereço de email não será publicado. Campos obrigatórios são marcados *