Baixe a extensão para o DreamweaverIntrodução
A forma mais simples de criar sua loja virtual jCom é utilizando o Macromedia Dreamweaver. Para ajudá-lo a começar a Isnet fornece uma loja pré-pronta, juntamente com um template padronizado. Basta alterar seu template da forma que desejar e trocar configurações e textos das páginas já existentes.
Abrindo o site
No Dreamweaver, clique em Site / New Site:
Defina os parâmetros locais para seu site. Selecione o diretório local de sua preferência. Selecione também "Use case-sensitive link checking", pois o servidor jCom faz diferenciação entre letras maiúsculas e minúsculas.
Clique em "Remote Info", e preencha os dados do acesso FTP que você recebeu ao requisitar seu site jCom. Note o número da porta (2100) e o modo passivo (Use passive FTP).
Verifique a lista de arquivos obtidos do servidor. Abra o arquivo "about.htm". Você verá o template padrão, juntamente com algumas áreas editáveis identificadas por uma borda azul:
Neste caso, a área editável chama-se "content". Altere o texto como preferir e salve o arquivo; altere também o título da página, na área editável "title". Note que não é possível alterar nada fora desta área.
Vamos aproveitar também para identificar conteúdos dinâmicos inseridos pelo jCom. Por exemplo, a quantidade de itens na cesta de compras é uma variável:
$cart.itemCount
Esta variável será substituída pelo jCom dinamicamente, e será diferente para cada pessoa acessando sua loja.
Da mesma forma, o comando #if que aparece no meio do template mostrará a variável "$message" se ela estiver definida. Esta variável é definida internamente pelo jCom e seus serviços, por exemplo quando um produto não está em estoque ou alguma informação foi preenchida incorretamente. Veja:
#if ( $message ) $message #end
As variáveis são identificadas pelo símbolo $, enquanto os comandos e macros são definidos pelo símbolo #. Estas variáveis e símbolos pertencem à linguagem de programação Velocity, utilizada pelo jCom. Para maiores informações sobre como programar com Velocity, consulte a seção "Programação Velocity".
Alterando o Template
Como falamos anteriormente, apenas o conteúdo das áreas editáveis podem ser alteradas em cada página. Para alterar o layout da loja, precisaremos editar seu template padrão.
Veja novamente a lista de arquivos do site. Note o arquivo "default.dwt", dentro da pasta "templates": este é o template padrão do site. Todas as alterações realizadas no template serão copiadas para as demais páginas do site vinculadas à este template.
Note também os demais arquivos na pasta "templates": os arquivos com extensão ".txt" indicam o modelo dos e-mails enviados pelo sistema.
Abra o arquivo templates/default.dwt. Você verá uma página semelhante à about.htm aberta anteriormente, mas desta vez você poderá alterar qualquer coisa na página.
