Pergunta no OceanWP do WordPress: – CSS BUG – Colocação errada de estrelas no WooC no modo de lista.

Um usuário perguntou ?

Olá,

como você pode ver aqui:

a posição das estrelas está incorreta. Acho que deveriam estar no meio.

Eu removi meu CSS personalizado e o problema ainda está aqui.

Como podemos corrigir esse erro?

EDITAR Ok, há algo errado com a seção “.star-rate”.

Vejo margem esquerda e direita = automático. Se eu desabilitar os dois inspetores FF, as estrelas se moverão no meio.

Obrigado!

Este tópico foi modificado 9 meses atrás por. lançador de tópicos

(@scarpinoc)

9 meses atrás

Outro problema com as estrelas…

Eu tive algumas críticas de estrelas. OK. Ok, eu desativei a opção relacionada nos sites WooCommerce e agora as estrelas se foram. “Deas”…mmmm

Infelizmente, quando o mouse está sobre o preço, o preço desaparece e não vejo o preço nem as estrelas… A única solução é remover todo o tráfego com estrela (claro que não quero isso).

Mais uma vez, o comportamento das estrelas é um erro…

Como podemos resolver este problema?

lançador de tópicos

(@scarpinoc)

9 meses atrás

OK,

Eu não sou um especialista, mas este CSS curto parece funcionar

.star-rated {posição: relativa! importante; }

Edit: Ok, não é verdade. Agora a posição das estrelas é um pouco mais baixa do que antes. Na visualização em grade, se um produto não tiver estrelas, ele estará menos na direção vertical em comparação com o outro produto. Acho que preciso do Amit aqui…

Esta resposta foi modificada há 9 meses por. lançador de tópicos

(@scarpinoc)

9 meses atrás

Ok, isso pode funcionar:

.woocommerce ul.products.list li.product.has-rating li.inner .star-rating {esquerda: 0%; direita: 0%; }

(@apprimit)

8 meses, 4 semanas atrás

Olá,

Você pode compartilhar o link do seu site para eu dar uma olhada?

lançador de tópicos

(@scarpinoc)

8 meses, 4 semanas atrás

Olá Amit,

agora o site está oculto por motivos comerciais. Mas acho que você pode facilmente replicá-lo em seu programa. Basta adicionar um comentário e você verá esse problema.

Ou diga-me como posso enviar-lhe o link em privado =)

Obrigado

(@apprimit)

8 meses, 4 semanas atrás

Olá,

Respondi ao seu ticket sobre suporte marítimo. Também estou postando a solução aqui:

.woocommerce div.product .product_title+.woocommerce-product-rating {
    display: flex;
    align-items: flex-end;
}

lançador de tópicos

(@scarpinoc)

8 meses, 3 semanas atrás

Olá Amit,

não funciona. Como você pode ver aqui, estou falando de estrelas na página de arquivo do WooCommerce no modo LIST, não na página do produto.

Encontrei esta solução, mas não tenho certeza se é a melhor maneira. Eu não sou um codificador.

.woocommerce ul.products.list li.product.has-rating li.inner .star-rating {
left: 0%;
right: 0%;
}

lançador de tópicos

(@scarpinoc)

8 meses, 2 semanas atrás

ATÉ!

O que você acha Amém?

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 *