Loading

Criar temas para as lojas Web

Um tema é um design para a loja Web. Pode criar vários temas e pode atribuir cada tema a uma ou mais lojas Web. Para cada tema, tem de selecionar uma disposição e uma máscara. A máscara é a interface visual da loja Web. A máscara permite-lhe selecionar as cores e as fontes para loja Web. Para além disso, pode utilizar uma série de miniaplicações para personalizar a loja Web.

Criar um tema

  1. Para adicionar um tema, clique no ícone de mais.

  2. Insira um nome para o tema. Pode utilizar os caracteres: 'a - z', 'A - Z', '0 - 9', '_' . Não são permitidos espaços. O nome tem de ser único. Posteriormente, pode alterar o nome do tema.

1. Escolha o esquema

Cada disposição contém sempre um cabeçalho e rodapé. O cabeçalho contém as seguintes miniaplicações obrigatórias:

  • Informações do utilizador. Estas ligações oferecem acesso às definições de perfil do utilizador, fim de sessão, informações e o idioma de apresentação. A ligação [Idioma] fica disponível quando a loja Web suporta vários idiomas. Pode configurar os idiomas na área de trabalho [Configuração].

  • Cesto

  • Lista de encomendas

  • Logótipo da empresa

O rodapé contém a miniaplicação [Termos e condições]. Esta miniaplicação não é obrigatória. A ligação para os termos e condições é apresentada em cada página da loja Web quando utilizar esta miniaplicação.

A parte central da disposição apresenta:

  • Os produtos disponíveis para o cliente na loja Web. Pode atribuir produtos às lojas Web na área de trabalho [Editor de loja web].

  • A caixa de promoções. A miniaplicação Caixa de promoções é opcional. A mesma permite ao cliente procurar os produtos disponíveis e a respetiva descrição. Pode criar a descrição de cada produto na área de trabalho [Editor de produtos e encomendas].

A disposição da loja Web muda de acordo com o tamanho disponível do visor. Consulte Especificação da disposição

1A. Limitações das colunas do esquema

Não é possível alterar a largura das colunas esquerda e direita da disposição.

Não é possível alterar a altura do rodapé.

2. Escolha a máscara

Pode selecionar as cores e as fontes da loja Web quando a opção [Aspeto e conteúdo] estiver selecionada.

  • Opção [Largura da coluna na loja Web]:

    A loja Web apresenta uma lista de encomendas. Utilize esta opção para definir a largura de cada coluna nesta lista.

3. Miniaplicações disponíveis

Pode arrastar e largar os miniaplicações no esquema da loje Web. Pode arrastar os miniaplicações para as posições pretendidas. Tem de utilizar os miniaplicações obrigatórios, caso contrário não poderá guardar o tema. Os miniaplicações obrigatórios têm a cor vermelha.

Clique no ícone eliminar do miniaplicação para eliminar o miniaplicação do esquema da loja Web. O ícone aparece quando se posiciona o ponteiro do rato sobre um miniaplicação. A miniaplicação fica disponível na secção [Miniaplicações disponíveis].

Cada miniaplicação pode conter vários elementos. Cada elemento aparece como uma linha tracejada quando se posiciona o ponteiro do rato sobre o miniaplicação.

Pode configurar cada elemento ou miniaplicação. Clique com o botão esquerdo do rato num elemento ou miniaplicação para abrir a caixa de configuração. Os itens de configuração disponíveis dependem do elemento ou miniaplicação selecionado. A caixa de configuração também contém a opção [Definições personalizadas do CSS]. Pode editar o [Definições personalizadas do CSS] para configurar a folha de estilos diretamente. Quando alterar uma definição na caixa de configuração, a definição em causa na folha de estilos recebe este valor.

Pré-visualizar o design da loja Web

Clique em [Pré-visualizar].

Abre-se uma janela do navegar que apresenta o tema da loja Web. A previsualização utiliza produtos falsos na loja Web e na caixa de promoções.

Exemplo de um tema aplicado

  1. Logótipo da empresa

  2. Informações do utilizador

  3. Cesto

  4. Lista de encomendas

  5. caixa de promoções

  6. Produtos disponíveis para o cliente na loja Web

  7. Termos e condições