Pergunta da eStore do WordPress: Slide do produto TI – Imagens não centralizadas e às vezes ampliadas

Um usuário perguntou ?

Estou tentando fazer as melhores dimensões para ter as imagens dos nossos produtos. Na tela, a maioria está perto de 600×600 e parece boa. As recomendações do WooCommerce são de pelo menos 800 × 800. Às vezes, quando adiciono uma nova imagem de produto, a imagem se move para o lado no controle deslizante do produto. Tentei adicionar uma imagem com altura de 800, conforme recomendações do WooCommerce, e a imagem parece estar ampliada e isolada.

Quais são as recomendações para tamanhos de imagem na eStore? Por que as imagens nem sempre estão no meio? O que faz com que as imagens aumentem e diminuam o zoom?

Este tópico foi modificado pela última vez 7 meses atrás por.

(@rubick322)

7 meses atrás

Olá @rigwald,

O link que você forneceu parece não funcionar. E sobre o aspecto da imagem que respondi na sua pergunta anterior.

Obrigado e respeito, Milan Quick

(@rigwald)

7 meses atrás

@rubick322

Desculpe, eu postei uma página de destino. O desvio é:

(@rubick322)

7 meses atrás

Olá @rigwald,

Eu recomendo que você use um tamanho de imagem consistente. Por exemplo, a parte inferior tem três imagens, mas a última altura é alta, a menos que a altura e a largura da imagem sejam iguais, o que não seria o caso. Por favor, veja as imagens em nosso site de demonstração para referência.

Link de ajuda:

Obrigado e cumprimentos, Milão

(@rigwald)

7 meses atrás

@rubick322

Milão,

Isso não explica por que a apresentação de slides do produto moveu 2 imagens para a esquerda e aumentou o zoom. Esse é o objetivo desta solicitação de suporte. O tema parece ótimo, então o slide parece tão pouco profissional e as imagens nem sempre estão em foco.

(Em uma nota lateral, a tela do tema, que eu importei, tem uma variedade de imagens de tamanhos diferentes. Nem todas são uniformes. Será impossível cortar todas as minhas imagens para serem exatamente do mesmo tamanho que os tamanhos da tela. Como uma pessoa projetada para fornecer suporte, não parece ter certeza de como seu próprio produto funciona).

Esta resposta foi modificada há 7 meses por.

(@rubick322)

7 meses atrás

Olá @rigwald,

Minhas desculpas por não conseguir te entender. Use os tamanhos de imagem listados abaixo:

Slide 600 x 512 Imagens em destaque, ou seja, ao lado do controle deslizante 380 x 250 Produto WooCommerce 600 x 600 Imagens de blog, ou seja, imagens visualizáveis ​​870 x 566

Se você apreciar essas dimensões, tudo ficará bem.

Obrigado e cumprimentos, Milan.

(@rigwald)

7 meses atrás

@rubick322

Milão,

Como posso fazer isso? Tire as fotos do produto. Você não pode selecionar imagens separadas para cada um desses cenários. Estou muito frustrado. Observe que as outras imagens do slide, que estão funcionando, não são 600 x 600 ou 600 x 512. Deixe-me explicar como as imagens funcionam.

1) Você cria uma lista de produtos. 2) Carregue uma imagem do projeto. 3) O tema então pega a imagem do produto e a usa para tudo. Você o usa para o slide. Ele o usa para produtos em destaque. Você o usa para a lista de catálogos. Ele a usa para a miniatura do fim de semana. Você carrega UMA imagem e, em seguida, o tema a usa ao exibir essa imagem em uma apresentação de slides, em um local visível etc.

(@rigwald)

6 meses, 3 semanas atrás

@rubick322

Fiz todas as imagens principais do produto em 600 × 600. O controle deslizante leva a imagem do produto. Eu carreguei todas as novas imagens para a categoria na apresentação de slides. As imagens estão fora do meio. Como isso pode ser corrigido?

(@rubick322)

6 meses, 3 semanas atrás

Olá @rigwald,

Peço sinceras desculpas por responder tarde. E para resolver seu problema, apenas no caso de uma categoria de slide, você poderia adicionar a imagem com tamanho 800 x 521, mencionei acima 600 x 521 que estava fora do lugar. Se você carregar a imagem do controle deslizante nesse tamanho, ela aparecerá abaixo da tela.

Captura de tela

Você pode obter a referência de imagem do seguinte URL. Se você tiver outras dúvidas, informe-nos e você pode usar o suporte por chat através do nosso site oficial. https://themegrill.com/.

URL da imagem de referência

Obrigado e cumprimentos, Milan.

(@rigwald)

6 meses, 3 semanas atrás

@rubick322

Ok, vou tentar, mas o controle deslizante está desenhando imagens de produtos. Eles não deveriam ser 600 × 600? Seu exemplo está desenhando uma imagem de categoria. Uma imagem que eu desenho não deveria aparecer na apresentação de slides? Agora parece estar corrigindo a imagem à esquerda. Se o controle deslizante não centralizar automaticamente a imagem, existe algum código que eu possa inserir/modificar para centralizar a imagem?

(@rigwald)

6 meses, 2 semanas atrás

Para quem quiser centralizar a imagem do slide, aqui está o código para inserir na área de CSS adicional:

.big-slider .home-slider li {tela: flex; conteúdo do autor: médio; }

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 *