Realizado

Shopify / Products per row + product page thumbnails + problemas com hover

Publicado em 18 de Julho de 2018 dias na TI e Programação

Sobre este projeto

Aberto

Preciso de algumas alterações, e ajustes em erros que um desenvolvedor passado deixou na minha loja.








_________________________________________________________________________________

-Uma das alterações é referente aos produtos esgotados da minha loja, fiz uma alteração com outro desenvolvedor para que os produtos esgotados aparecessem mais transparentes do que os normais... Mas agora quando faz o hover em um produto esgotado, a transparência que da na imagem é igual ao de qualquer produto...

Resultado: ao invés de ficar mais transparente do que já tava (efeito do hover), ele fica menos - compare a imagem 1 e 2 anexadas para ver a diferença de transparência - sendo 2 com hover, e 1 sem hover.

O que preciso: deixar programado pra que a transparência no hover dos produto esgotado fosse um pouco mais forte.

Link exemplo da página com o erro: https://fusscompany.com.br/collections/2017 - observe os produtos esgotados








_________________________________________________________________________________

-o segundo problema que ele deixou no hover está exemplificado na imagem 6 - veja para entender.
Quando eu coloco o mouse ao lado da imagem (não em cima), ele mostra duas imagens uma em cima da outra.

A imagem é a que aparece no hover correto... Porém, não é pra aparecer as duas ao mesmo tempo.

O que preciso: programar para que esse hover não aconteça, somente ter efeito hover quando a pessoa colocar o mouse em cima da imagem.

Link exemplo da página com o erro: https://fusscompany.com.br/collections/2017 - observe os produtos esgotados








_________________________________________________________________________________

- agora uma alteração que quero fazer é manter 1 row no desktop equivalendo a 3 produtos, mas no mobile que equivalesse a só 2 produtos... Quero fazer isso pois no mobile fica um espaço em branco pelo fato de ser 3 produtos por row - veja na imagem 3 para entender.

O que preciso: simples, fazer com que 1 row no desktop continue equivalendo a 3 produtos, mas no mobile seja 2 produtos.

Link exemplo da página com problema: https://fusscompany.com.br - abrir no mobile pra ver o problema.








_________________________________________________________________________________

- A terceira e última modificação que eu precisaria era a de mudar a forma que a página de produtos exibe as Thumbnails. A idéia era fazer um slider da mesma width da imagem do produto... Pra ficar tudo em uma linha, e não tudo bem grande espalhado como é hoje em dia - veja na imagem 4 para entender e na imagem 5 mais ou menos o que quero fazer (faltando apenas o slider, com as setas para ver mais imagens se tiver)

O que preciso: fazer um slider que seja sempre da mesma width da imagem principal de produto.

Link exemplo da página que será editada: https://fusscompany.com.br/products/camiseta-manga-longa-branca-basquiat








_________________________________________________________________________________

Categoria TI e Programação
Subcategoria Lojas Virtuais (e-commerce)
Qual é o alcance do projeto? Alteração média
Isso é um projeto ou uma posição de trabalho? Um projeto
Tenho, atualmente Eu tenho especificações
Disponibilidade requerida Conforme necessário
Funções necessárias Desenvolvedor

Prazo de Entrega: Não estabelecido

Habilidades necessárias

Outro projetos publicados por L. S.