Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Olá, eu estou fazendo um site e me pediram para fazer a opção onmouseover nas subcategorias, porém as paginas são em phtml e é um pouco complicado saber onde colocar os códigos para fazer o efeito funcionar. O arquivo do site (que foi um template comprado pelo envato) me da duas opções que seriam colocar no css da pagina toda ou no css do menu que é o mais indicado. Enfim minha pergunta é como eu posso colocar esse arquivo que é um html-css dentro do meu phtml para criar o efeito que eu quero?
Você quer saber como fazer referência do teu arquivo CSS na página phtml?
>
Agora, lumiere disse:
Você quer saber como fazer referência do teu arquivo CSS na página phtml?
acho que seria mais ou menos isso, estou fazendo uma pagina pelo magento e ele usa muito arquivo phtml e css, eu gostaria de saber como eu posso colocar os meus código no phtml
lilibsdias, eu creio que é da mesma forma que fazemos no html, acessando o style e adicionando teu codigo direto nele. Voce tem acesso aos styles e phtml certo?
Vi esse site aqui que talvez possa te ajudar: http://www.ronaldodiniz.com.br/design/manipular-css-magento-19.html
@lillibsdias, tudo bem?
Acredito que você pode fazer desta forma aqui direto no arquivo phtml.
<a href="#" title="Título do Link" target="_blank"><!--Link -->
<!-- TAG IMG PARA UTILIZAÇÃO DE IMAGENS, COM ATRIBUTOS ALT, SRC PARA A UTILIZAÇÃO DA IMAGEM, OnMouseOver PARA A IMAGEM HOVER e OnMouseOut ao retirar o mouse sobre o hover -->
<img alt="preencha a descrição da imagem" src="imagem-orginal.jpg" onMouseOver="imagem-hover.png'" onMouseOut="imagem-orginal.jpg'" />
</a>
Espero ter ajudado.
Theme Forest*