Inevitavelmente quando alteramos um layout, precisamos incluir imagens, seja para criar botões, fundos, banners ou apenas um Ãcone engraçadinho.
No magento existem algumas maneiras de se inserir imagens nas páginas, vejamos algumas delas:
As imagens em geral estão dentro da pasta skin -> frontend -> seu_tema -> seu_pacote -> images. Podendo ainda se estender para subpastas como a pasta media que fica dentro de images.
1. pelo arquivo css
Nos arquivos basta usar a tag background, com atributo url e indicar o caminho da imagem:
.wrapper { background: url(../images/nome_da_imagem.jpg) no-repeat; } |
2. pela tag conteúdo do seu CMS
Quando você cria uma página pela área administrativa usando CMS, você pode incluir imagem ali mesmo na opção “conteúdo“:
<img src="{{skin url='images/nome_da_imagem.jpg'}}" alt="nome da imagem" /> |
3. nos arquivos phtml
Se você criar ou alterar algum arquivo phtml poderá inserir a tag html de imagem, quase da mesma forma que faz no CMS:
<img src="" alt="nome da imagem" /> |
4. nos arquivos xml
Com arquivos xml’s a coisa fica mais punk, é recomendado para usuários avançados. O xml é responsável pela estrutura das páginas, ele quem organiza os blocos. E um destes blocos pode ser uma imagem:
<reference name="left"> |
<block type="core/template" name="left.permanent.callout" template="callouts/left_col.phtml"> |
<action method="setImgSrc"><src>images/nome_da_imagem.jpg</src></action> |
<action method="setImgAlt" translate="alt" module="catalog"><alt>nome da imagem.</alt></action> |
</block> |
</reference> |
Bom, é isso, como você viu, vale a pena estudar um pouco de CSS para manter a simplicidade.
Sucesso!
Tutorial extraido do Blog do Mario Sam.
ATENÇÃO: DÚVIDAS OU MAIS ESCLARECIMENTOS ADICIONE UM TÓPICO NO FÓRUM.
Comentários
actos
singulair
metformin
RSS feed para comentários a este post.