Criar/Alterar Template Virtuemart

Criado por Luiz Felipe às out 21, 2009 em Tutorial, Virtuemart | View Comments

Olá pesssoal.

Trago a vocês um tutorial muito simples de como se Criar ou Alterar um Template no Virtuemart.

A grande questão é que o template do ecommerce não tem nada a ver com o template do Joomla, além de conter diversos trechos de código PHP, dificultando a criação.. Pra complicar mais, o Virtuemart é uma ótima ferramenta, mas não está orientada a objeto, ou seja, muito dos arquivos estão de difícil manutenção e localização [Incluindo o template].

Para a nossa salvação, a documentação do Virtuemart [em inglês] contém a maioria do que se precisa para alterar, portanto peguei alguns tópicos básicos para mostrar como configurar um template.

Customização – Variáveis|Parâmetros

Nos templates, existem parâmetros de configuração, que podem ser usado para ativar ou desativar certas partes dos modelos.

Os parâmetros de configuração são definidos no arquivo /components/com_virtuemart/themes/THEMENAME/theme.xml e seguem a sintaxe de parâmetro comum para os componentes, módulos e mambots utilizado no Joomla!. Quando um usuário escolhe para configurar um tema (Shop Configuration ? Tab “Site ? Layout”, estes parâmetros são analisados e salvos num arquivo que possa ser interpretado de uma forma amigável nesta nova versão do Virtuemart.

Os parâmetros do sistema são armazenadas no arquivo /components/com_virtuemart/themes/THEMENAME/theme.config.php. Este arquivo é atualizado com a nova configuração de valores cada vez que um usuário salva a configuração do tema.

Como usar valores de configuração em arquivos do template

É fácil de obter ou definir o valor de um parâmetro de configuração de dentro de um modelo. Você só precisa chamar $this-> get_cfg ( ‘parameterName’) para obter o valor para este parâmetro.

Exemplo: /templates/product_details/flypage.tpl.php

// Show the vendor link?
if( $this->get_cfg('showVendorLink', 1)) {
echo $vendor_link;
}

Como encontrar o arquivo certo para atualizar

Quando você deseja modificar uma parte da sua loja (que não pode ser alterado no seu layout usando o Joomla template CSS), você deve saber, o arquivo que você tem de modificar, para criar o layout que você deseja.

Para encontrar rapidamente o arquivo, você pode ativar o modo de depuração ( “admin”> “Configuração” > “Caminho & URL” check > “depurar?”) E salve.

Depois de ter feito isso, você vai ver os ícones info azul por toda a loja, que mostram o nome do arquivo incluído no mouseover.

A maioria dos arquivos a serem alterados estão em:

• …/html/shop.browse (listagem de produtos/layout da categoria)
• …/html/shop.product_details.php (página de detalhes dos produtos)
• …/html/shop.index.php (Homepage da Loja, quando nenhum parâmetro extra é configurado)

Trocar template Virtuemart

Muito simples.

Com um template em mão siga estes passos:

1 – Copiar a pasta inteira do template para /components/com_virtuemart/themes/

2 – Para trocar um template Virtuemart no sistema, basta ir em Administração do VM > Configurações > Aba Site, alterar e mandar salvar.

É isso aí pessoal.

fui =)

Referências

A documentação completa encontra-se em:

http://virtuemart.net/documentation/Developer_Manual/Modifying_the_Layout.html#Themes