Inevitavelmente quando alteramos um layout, precisamos continuar inserindo imagens no Magento, seja para criar botões, fundos, banners ou apenas um ícone.
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. CSS
Nos arquivos basta usar a tag background, com atributo url e indicar o caminho da imagem:
[css].wrapper { background: url(../images/nome_da_imagem.jpg) no-repeat; }[/css]
2. 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“:
[html]<img src=”{{skin url=’images/nome_da_imagem.jpg’}}” alt=”nome da imagem” />[/html]
3. 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:
[php]<img src=”<?php echo $this->getSkinUrl(‘images/nome_da_imagem.jpg’) ?>” alt=”nome da imagem” />[/php]
4. 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:
[xml]<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>[/xml]
Para maiores informações, acesse o site oficial.
A IDEON oferece hospedagem especializada com planos que cabem no seu bolso sem economizar em recursos do servidor. Aproveite tudo o que sua plataforma pode oferecer de melhor para seu projeto e o instale-o rapidamente e sem dificuldades através do Softaculous. Oferecemos host superior com ativação relâmpago e 7 dias para você testar.