O Organic é um tema repleto de novas funcionalidades. É um tema flexível que é adequado para todas as lojas, permitindo-lhe configurar rapidamente uma loja e começar a vender.

Funcionalidades

• Novos componentes
• Tema com subcomponentes
• Tema compatível com dispositivos móveis
• Disponível em diferentes idiomas

Instalar o Organic a partir da nossa galeria de temas

Como instalar o Organic

Inicie sessão na sua loja e aceda a Temas > Galeria. Procure o tema Starter e instale-o.

Configurar o Tema Orgânico com o Editor Visual

Depois da instalação, pode clicar em Customizar para abrir o nosso Editor Visual e configurar o seu tema.

Geral

Definições Gerais

Nesta secção encontra as opções gerais para a sua loja, tais como:

Desativar as funcionalidades de compra
Se ativado, todas as funcionalidades de compra serão ocultadas, como os botões para ‘Adicionar ao carrinho’, o ‘Ícone do carrinho no cabeçalho’, etc. Deste modo, os clientes não podem comprar produtos na sua loja.

Desativar o preço dos produtos
Se ativado, todos os preços dos produtos são ocultados e os clientes não os podem ver.

Imagem de fundo de breadcrumb (desktop e dispositivos móveis)
Permite-lhe carregar uma imagem para o fundo das seguintes páginas: categoria, blog, post, resultado de pesquisa e conta de utilizador.

Produtos por página (categoria)
Quantos produtos serão exibidos por página nas páginas das categorias.

Produtos por página (resultados de pesquisa)
Quantos produtos serão exibidos por página na página ‘Resultados da pesquisa’.

Venda cruzada de produtos (Carrinho)
Quantos produtos serão exibidos na página ‘Carrinho’.

Posts por página (Blog)
Quantos posts serão exibidos por página na página ‘Blog’.

Informação da loja

As informações da loja são mostradas no rodapé do site na secção “Contacto” e na página de contacto da sua loja.

• Pode adicionar três números de telefone.
• Pode adicionar três endereços.
• Pode adicionar três e-mails e decidir se quer mostrar ou não o e-mail de contacto, marcando ou desmarcando essa opção.

Cabeçalho

Nesta secção pode controlar a barra do topo, o tamanho do cabeçalho, o estilo do menu e personalizar as cores.

Barra do topo
A informação desta secção pode ser editada nas Opções do Tema > Editar Configurações > Cabeçalho > Texto da barra superior.

Cabeçalho fixo
Aqui pode controlar a barra do topo ou o menu que fica fixo à medida que se faz scroll na página. Também pode decidir se nenhum deles é fixo.

Cabeçalho com largura total
Se ativado, o cabeçalho será exibido de modo a ocupar 100% do ecrã, caso contrário será exibido numa caixa.

Menu principal vertical
No tema Orgânico tem duas opções de menu.

Se a opção for ativada os submenus serão empilhados verticalmente. Caso contrário, os submenus serão exibidos na mesma linha, lado a lado.

Alinhamento do menu principal
Esta opção altera o alinhamento do menu principal, que pode ser à direita ou ao centro.

Cores
O tema Orgânico oferece controlo total sobre as cores dos elementos do cabeçalho:

• Cor da barra do topo: cor de fundo da barra do topo.
• Cor do conteúdo da barra do topo: cor do texto e ícones da barra do topo.
• Cor do cabeçalho: cor de fundo do cabeçalho central.
• Cor do conteúdo do cabeçalho: cor do nome da loja (caso não haja logo) e do ícone do carrinho de compras.
• Cor do menu: cor de fundo do menu e do submenu.
• Cor do conteúdo do menu: cor das opções do menu (texto).
• Cor dos botões: cor de fundo do campo de pesquisa e do ícone da quantidade de produtos.
• Cor do conteúdo dos botões: cor do ícone de pesquisa e do ícone de quantidade de produtos.

Blocos de produtos

Esta secção permite definir o aspeto dos blocos de produtos e a forma como funcionam. “Blocos de produtos” são a primeira vista de cada produto em páginas como categorias, página inicial, e resultados de pesquisa. As opções disponíveis para esta secção são as seguintes:

Marca do produto
Se ativado, os produtos exibem a sua marca antes do nome do produto (no caso do campo relativo à marca estar preenchido).

Produtos por coluna
Se ativado, são exibidos dois produtos por coluna em dispositivos móveis, caso contrário apenas é exibido um produto por coluna.

Botões dos produtos
Se ativado, os produtos exibem um botão direto para “Adicionar ao carrinho” que permite aos clientes adicionar, remover e alterar a quantidade de produtos, sem necessidade de ir para a página do produto. Para produtos com o estado “Não disponível” ou “Esgotado”, o botão permite aos clientes ir à página do produto. Se os produtos tiverem opções de produto (por exemplo, tamanho, cor), o botão também levará os clientes à página do produto.

Opções de cor
Se ativado, é exibida uma pré-visualização das variantes de cor do produto (apenas para produtos com variantes de cor).

Animação
Se ativado, os produtos têm uma animação quando o utilizador coloca o cursor sobre o produto.

Rótulo “De”
Se ativado, o rótulo “de” será exibido em produtos que tenham variantes.

Etiqueta de vendas
Permite-lhe selecionar a cor de fundo para a etiqueta de desconto dos produtos.

Cor da moldura
Permite-lhe selecionar a cor da moldura do produto (para as margens e botão de adicionar ao carrinho).

Página do produto

Esta secção permite-lhe configurar o aspecto geral da página do produto. As opções disponíveis para esta secção são as seguintes:

Stock
Se ativado, o “stock” de produtos é exibido.

SKU
Se ativado, é exibido SKU dos produtos.

Sem stock
Se ativado, as variantes sem stock serão identificadas visualmente com a etiqueta “Sem stock”.

Descrição com largura total
Se ativada, a descrição do produto irá preencher 100% da caixa por baixo da secção da imagem.

Produtos relacionados
Se ativada, permite mostrar ou esconder a secção “Produtos relacionados” para todos os produtos da loja.

Título para produtos relacionados
Permite-lhe alterar o título desta secção. Se estiver em branco, o título não é mostrado.

Produtos frequentemente comprados em conjunto
Se ativada, é exibida uma secção na página do produto, que oferece aos clientes até 4 packs de produtos frequentemente comprados em conjunto, com base em machine learning. Pode ler mais sobre isto neste artigo da Jumpseller.

Número de packs de produtos frequentemente comprados em conjunto
Permite-lhe escolher quantos “packs” serão exibidos. Os “packs” são conjuntos ou grupos de produtos comprados frequentemente juntos, incluindo o produto a ser visitado.

Zoom do produto
Se ativado, será possível fazer zoom em todas as imagens. Para isso, é importante que a resolução da imagem do produto considere uma dimensão muito maior, tal como 1000x1000px.

Opções do produto
Se ativado, permite alterar a visualização das opções do produto de um selector com todas as opções para um botão para cada opção.

Cores

Esta secção permite modificar as cores de toda a loja.

Cor principal
Cor utilizada em títulos e certos elementos de maior relevância na loja.

Cor de fundo da loja
Cor de fundo para todas as páginas exceto a página inicial.

Cor de fundo dos títulos das páginas
Cor de fundo para todos os títulos das páginas exceto a página inicial.

Cor do botão principal
Cor de fundo para os botões principais, tais como “comprar”.

Cor do texto do botão principal
Cor do texto para os botões principais.

Cor dos botões secundários
Cor de fundo para os botões secundários.

Cor do texto dos botões secundários
Cor do texto dos botões secundários.

Cor dos links
Cor do texto para os botões dos links.

Cor dos links ao passar com o rato
Cor do link ao passar com o rato por cima.

Tipos de letra

Esta secção permite-lhe alterar o tipo de letra e o seu tamanho em algumas secções.

Geral
Escolha as fontes do Google Fonts (fonts.google.com) que pretende utilizar na loja para todos os textos e parágrafos.

Títulos
Escolha as fontes do Google Fonts (fonts.google.com) que pretende utilizar na loja para todos os títulos.

Nome da loja
Escolha as fontes do Google Fonts (fonts.google.com) que pretende utilizar para o nome da sua loja. Se carregar uma imagem, isto não se aplicará.

Tamanho de letra geral
Permite alterar o tamanho do texto e certos elementos de maior relevância para a loja, tais como parágrafos.

Tamanho da letra do título
Permite-lhe alterar o tamanho do título principal de cada página.

Tamanho dos títulos dos blocos
Permite-lhe alterar o tamanho do título principal de cada componente.

Tamanho da letra no nome da loja
Permite-lhe alterar o tamanho do nome da sua loja. Isto só se aplica se não tiver uma imagem com o logo.

Tamanho de letra do menu
Permite-lhe alterar o tamanho do texto do menu principal.

Redes sociais

Os ícones das redes sociais aparecerão na página do produto, para que o produto possa ser partilhado.

WhatsApp da loja

Esta secção permite-lhe exibir um botão do WhatsApp na sua loja. As opções disponíveis são as seguintes:

Ativar o botão do WhatsApp
Ativa um botão do WhatsApp que segue o utilizador à medida que faz scroll na página. Recomendamos não ativar esta funcionalidade se utilizar um plugin ou integração que também exibe um botão.

Posição do botão do WhatsApp
Permite-lhe selecionar a posição do Botão do WhatsApp. Estará sempre num dos cantos da loja, com base nas seguintes opções:

• No topo à direita: o botão será posicionado no canto superior direito do navegador.
• No topo à esquerda: o botão será posicionado no canto superior esquerdo do navegador.
• Em baixo à direita: o botão será posicionado no canto inferior direito do navegador.
• Em baixo à esquerda: o botão será posicionado no canto inferior esquerdo do navegador.

Botão do WhatsApp > Cor de fundo
Cor de fundo do botão WhatsApp. Por defeito tem a cor original do WhatsApp.

Botão do WhatsApp > Cor de fundo
Cor de fundo do botão do WhatsApp ao passar com o rato por cima.

Botão do WhatsApp > Cor do ícone
Cor do ícone (logo) do botão do WhatsApp.

Rodapé

Nesta secção pode personalizar e configurar o rodapé da sua loja. Estão disponíveis as seguintes opções:

Logo do rodapé
Aqui pode carregar um logo para o seu rodapé. Deve ser idealmente em formato .svg (vector). Caso contrário, recomendamos que o carregue em formato .png (com transparência). Se não carregar um, o nome da loja será exibido.

Descrição curta da loja
Permite-lhe adicionar um texto ao lado do logo.

Mostrar descrição
Permite-lhe mostrar ou esconder o pequeno texto de descrição da loja.

Fundo do rodapé
Permite-lhe mudar a cor do primeiro nível do rodapé.

Cor do rodapé inferior
Permite-lhe mudar a cor do segundo nível do rodapé.

Cor dos textos
Cor de todos os itens disponíveis no rodapé, como títulos, textos, descrições, links, etc.

Métodos de pagamento exibidos

Nesta secção pode personalizar os logos dos métodos de pagamento que serão exibidos na parte inferior do rodapé da sua loja.

Métodos de pagamento disponíveis
Aqui está a lista de todos os métodos de pagamento disponíveis que podem ser afixados no rodapé da sua loja. Alguns deles estão disponíveis dependendo do País que definir em Definições > Geral > Preferências > País da loja:

• Webpay (Chile)
• Chek (Chile)
• Khipu (Chile)
• Servipag (Chile)
• Mach (Chile)
• Flow (Chile)
• Caja Vecina (Chile)
• Multicaja (Chile)
• PSE
• Baloto
• ePayco
• Efecty
• Oxxo
• Mercadopago
• Multibanco
• MBWay
• PayU
• iDEAL
• Skrill
• Stripe
• Apple Pay
• Bitcoin
• Visa
• MasterCard
• American Express
• Paypal
• Diners Club
• Bank Transfer
• Manual Payment

Notificação ao adicionar ao carrinho

Se ativada, uma mensagem será exibida no lado direito do navegador para notificar os clientes de que um produto foi adicionado ao carrinho. As opções disponíveis para esta secção são as seguintes:

Notificações ao adicionar ao carrinho
Se ativada, uma mensagem será exibida no lado direito do navegador para notificar os clientes de que um produto foi adicionado ao carrinho.

Cor de fundo da notificação
Cor de fundo da notificação.

Cor do texto da notificação
Cor do texto da notificação.

Outras opções

Mensagem para clientes novos
Permite-lhe escrever uma mensagem aos clientes que estão prestes a criar uma conta.

Inserir código no final de <head>
Permite-lhe colocar qualquer código personalizado que precise no fim da etiqueta <head> da sua loja. Isto é útil para quaisquer plugins e/ou ferramentas que deseje instalar.

Inserir o código no fim da <body>
Permite-lhe colocar qualquer código personalizado que precise no fim da etiqueta <body> da sua loja. Isto é útil para quaisquer plugins e/ou ferramentas que deseje instalar.

---

TEMPLATE

Os templates permitem-lhe utilizar alguns componentes noutras páginas, tais como: página inicial, produto, categoria, contacto, blog, post e página de erro. Aqui está a lista de componentes e onde os pode utilizar:

Aqui está a lista de componentes e onde os pode utilizar:

Componente / Página	Home	Produto	Categoria	Contacto	Blog	Publicar	Erro
Banner grande
Banners
Blog
Categoria de produtos
Código personalizado
Produtos em Destaque
Funcionalidades
Imagem com texto
Feed do Instagram
Produtos mais recentes
Carrossel de logos
Newsletter
Slider
Testemunhos
Bloco de texto
Videos

Desta forma, pode personalizar ainda mais a sua loja.

---

Optimizar a imagem

Sugerimos-lhe que optimize as imagens antes de as carregar. Para o fazer, pode utilizar ferramentas tais como tinypng ou compressjpeg.

---

Components

Os componentes na Jumpseller são secções de conteúdo que podem ser utilizadas nos templates da sua loja, como na página inicial, páginas de produtos, outras páginas (por exemplo, Sobre Nós) e na página de contacto. A maioria deles pode ser usado várias vezes, mas alguns deles são limitados e só podem ser usados uma vez.

Criámos componentes para permitir que as lojas de online sejam mais flexíveis, e também para proporcionar aos administradores de um negócio de e-commerce mais controlo sobre a ordem do conteúdo (principalmente na página inicial) e a posição dos componentes disponíveis. Finalmente, os componentes também minimizam a dependência de uma pessoa externa (por exemplo, designer, programador, etc.) para fazer alterações na sua loja online.

No entanto, é necessário ter em consideração que para poder criar um novo componente - caso seja necessário -, terá de o fazer diretamente no código da loja para que funcione correctamente.

Quando adiciona um componente à lista de componentes da sua loja, o seu nome será exibido por defeito tal como foi criado. Pode alterá-lo clicando no ícone que se encontra disponível no lado direito do nome do componente. Aí, pode escrever o nome que quiser, de modo a facilitar a identificação de todos os componentes que adicionar. Por exemplo:

• Se adicionar um componente “Produtos da Categoria”, pode alterar o nome para “Carrossel de Vestidos” - desta forma saberá que está relacionado com essa categoria específica.
• Se acrescentar subcomponentes “Banner” dentro de uma componente “Banners”, pode também mudar o seu nome para os poder identificar melhor, como por exemplo: “Banner do chapéu”, “Banner da promoção” e assim por diante.

Finalmente, nesta secção explicaremos em detalhe os componentes que estão disponíveis no tem Orgânico e quais podem ser utilizados apenas uma vez, bem como quais são as configurações ou opções disponíveis para cada um deles.

Banner Grande

Este componente permite-lhe adicionar uma imagem. Estas são as opções disponíveis para este componente:

Imagem: permite carregar uma imagem com uma largura superior a 1000px, a altura pode ser variável.
Link: é possível adicionar um link para que a imagem seja clicável.
Tamanho da imagem: permite-lhe selecionar 2 tamanhos de imagem. A opção ‘Caixa’ fará com que a imagem se ajuste à caixa. A opção ‘ Ecrã inteiro’ fará com que a imagem ocupe o ecrã inteiro.
Cor de fundo: permite escolher uma cor de fundo para toda a secção da imagem, isto só será visível se o campo ‘tamanho da imagem’ estiver definido como ‘caixa’.

Blog

Este componente permite-lhe exibir posts ou artigos que cria na sua loja. Para ter um Blog na sua loja deve utilizar as Páginas, que pode criar indo ao Painel de Administração da sua loja em Páginas > Todas as Páginas. As opções disponíveis para configurar este componente são:

Título: permite alterar o título da secção. Se estiver vazio, exibe o ‘Nome da Categoria’ por defeito.
Descrição: permite acrescentar uma descrição abaixo do título.
Link: permite adicionar um link tornando a imagem inteira clicável.
Texto do link: permite alterar o texto do botão “ver mais artigos”. Se estiver vazio, o botão fica oculto.
Categoria do blog: permite-lhe definir a ‘Página da Categoria’ que agrupa todos os ‘Artigos’, que pode encontrar em Páginas > Todas as Páginas > Categorias. Por defeito, encontrará uma categoria já criada: Post.
Post a mostrar: permite-lhe selecionar um número de artigos para mostrar.
Limite de posts: permite-lhe escolher o limite de artigos a mostrar.
Tipo de Blog: permite-lhe selecionar o modo como esta secção será mostrada. ‘Grelha’ fará com que os produtos sejam mostrados numa grelha. ‘Carrossel’ fará com que os produtos sejam exibidos num carrossel.
Ativar setas: permite mostrar/ocultar as setas do carrossel (apenas se o ‘Tipo de exibição’ for ‘Carrossel’).
Ativar pontos: permite mostrar/ocultar os pontos do carrossel (apenas se o ‘Tipo de exibição’ for ‘Carrossel’).
Cor de fundo: permite alterar a cor de fundo do componente.
Cor do conteúdo: permite alterar a cor do ‘título’, ‘descrição’ e ‘botão’ do componente.
Cor de fundo do post: permite selecionar a cor de fundo de cada post.
Cor do conteúdo do post: permite selecionar a cor do texto de cada post.
Cor do botão do post: permite selecionar a cor do link de cada post.
Cor da linha: permite alterar a cor da linha do título.

Categoria de produtos

Este componente permite-lhe apresentar produtos de acordo com uma categoria. Estas são as opções disponíveis para este componente:

Categoria: permite-lhe escolher uma categoria (deve ter criado pelo menos 1 categoria em Admin > Produtos > Categorias).
Título: permite alterar o título da secção. Se estiver vazio, exibe o ‘Nome da Categoria’ por defeito.
Descrição: permite acrescentar uma descrição abaixo do título.
Texto do link: permite alterar o texto do botão “ver mais artigos”. Se estiver vazio, o botão fica oculto.
Quantidade de produtos a exibir: permite-lhe seleccionar um conjunto de produtos a exibir.
Tipo de exibição: permite-lhe selecionar como esta secção será exibida. ‘Grelha’ fará com que os produtos sejam expostos numa grelha. ‘Carrossel’ fará com que os produtos sejam expostos num carrossel.
Ativar setas: permite mostrar/ocultar as setas do carrossel (apenas se o ‘Tipo de exibição’ for ‘Carrossel’).
Ativar pontos: permite mostrar/ocultar os pontos do carrossel (apenas se o ‘Tipo de exibição’ for ‘Carrossel’).
Cor de fundo: permite alterar a cor de fundo do componente.
Cor do conteúdo: permite alterar a cor do ‘título’, ‘descrição’ e ‘botão’ do componente.
Cor da linha: permite alterar a cor da linha do título.

Código personalizado

Nesta secção encontra campos que lhe permitem inserir código personalizado em algumas partes da loja. O código personalizado é normalmente utilizado para aplicações externas ou plugins que lhe solicitem o uso de algum código específico. Estas são as opções disponíveis para este componente:

Código personalizado: permite-lhe colocar qualquer código personalizado que necessite.
Tamanho: permite-lhe selecionar 2 tamanhos. ‘Caixa’ fará com que o código personalizado se ajuste à caixa. ‘Ecrã inteiro’ fará com que o código personalizado se ajuste ao ecrã inteiro.
Cor de fundo: permite alterar a cor de fundo do componente.

Produtos em Destaque

Este componente exibe os produtos marcados como “Em destaque”. Para encontrar todos estes produtos aceda ao Painel de Administração da sua loja em Produtos > Todos os produtos, e filtre por “Em destaque”. Estas são as opções disponíveis para este componente:

Título: permite alterar o título da secção. Se estiver vazio, não será exibido.
Descrição: permite acrescentar uma descrição abaixo do título.
Link: permite adicionar um link tornando a imagem inteira clicável.
Texto do link: permite alterar o texto do botão “ver mais artigos”. Se estiver vazio, o botão fica oculto.
Quantidade de produtos a exibir: permite-lhe seleccionar um conjunto de produtos para exibir.
Tipo de exibição: permite-lhe selecionar como esta secção será exibida. ‘Grelha’ fará com que os produtos sejam expostos numa grelha. ‘Carrossel’ fará com que os produtos sejam expostos num carrossel.
Ativar setas: permite mostrar/ocultar as setas do carrossel (apenas se o ‘Tipo de exibição’ for ‘Carrossel’).
Ativar pontos: permite mostrar/ocultar os pontos do carrossel (apenas se o ‘Tipo de exibição’ for ‘Carrossel’).
Cor de fundo: permite alterar a cor de fundo do componente.
Cor do conteúdo: permite alterar a cor do ‘título’, ‘descrição’ e ‘botão’ do componente.
Cor da linha: permite alterar a cor da linha do título.

Imagem com texto

Este componente permite exibir uma imagem com um texto ao lado. Estas são as opções disponíveis para este componente:

Imagem: permite carregar uma imagem.
Alinhamento da imagem: permite selecionar a posição da imagem à esquerda ou à direita do texto (em pequenos dispositivos a posição da imagem será no topo do texto).
Título: permite alterar o título da secção. Se estiver vazio, não será exibido.
Descrição: permite acrescentar uma descrição abaixo do título.
Link: permite adicionar um link tornando a imagem inteira clicável.
Texto do link: permite alterar o texto do botão “ver mais artigos”. Se estiver vazio, o botão fica oculto.
Cor de fundo: permite alterar a cor de fundo do componente.
Cor do conteúdo: permite alterar a cor do ‘título’, ‘descrição’ e ‘botão’ do componente.
Cor da linha: permite alterar a cor da linha do título.

Feed do Instagram

Este componente permite exibir na sua loja os últimos posts da sua conta de Instagram. Estas são as opções disponíveis para este componente:

Título: permite alterar o título da secção. Se estiver vazio, não será exibido.
Número de fotos do Instagram: permite selecionar um número de posts a mostrar.
Ocultar o botão ‘Siga-nos’: permite-lhe mostrar/esconder o botão ‘Siga-nos’.
Cor de fundo: permite alterar a cor de fundo do componente.
Cor do conteúdo: permite alterar a cor do ‘título’, ‘descrição’ e ‘botão’ do componente.
Cor da linha: permite alterar a cor da linha do título.

Importante: precisa de conectar a sua conta Instagram à sua loja Jumpseller.

Produtos mais recentes

Este componente apresenta os últimos produtos que criou. Estas são as opções disponíveis para este componente:

Título: permite alterar o título da secção. Se estiver vazio, não será exibido.
Descrição: permite acrescentar uma descrição abaixo do título.
Link: permite adicionar um link tornando a imagem inteira clicável.
Texto do link: permite alterar o texto do botão “ver mais artigos”. Se estiver vazio, o botão fica oculto.
Quantidade de produtos a exibir: permite-lhe seleccionar um conjunto de produtos para exibir.
Tipo de exibição: permite-lhe selecionar como esta secção será exibida. ‘Grelha’ fará com que os produtos sejam expostos numa grelha. ‘Carrossel’ fará com que os produtos sejam expostos num carrossel.
Ativar setas: permite mostrar/ocultar as setas do carrossel (apenas se o ‘Tipo de exibição’ for ‘Carrossel’).
Ativar pontos: permite mostrar/ocultar os pontos do carrossel (apenas se o ‘Tipo de exibição’ for ‘Carrossel’).
Cor de fundo: permite alterar a cor de fundo do componente.
Cor do conteúdo: permite alterar a cor do ‘título’, ‘descrição’ e ‘botão’ do componente.
Cor da linha: permite alterar a cor da linha do título.

Newsletter

Este componente permite-lhe exibir um formulário para que os seus clientes possam subscrever à sua Newsletter. Para que este componente funcione corretamente, deve considerar o seguinte:

• É necessário que já tenha criado uma conta no Mailchimp.
• Apenas pode conectar este formulário a uma Audiência da sua conta Mailchimp.

As opções disponíveis para este componente são as seguintes:

Título: título da secção. Se estiver vazio, será exibido o texto “Newsletter do nome da loja”, traduzido para a língua da sua loja.
Texto: permite-lhe adicionar um texto abaixo do título.
URL do formulário da newsletter do Mailchimp: para que funcione, é necessário um URL de um formulário de subscrição criado no Mailchimp. Saiba como criar um formulário de subscrição no Mailchimp
Cor de fundo: permite alterar a cor de fundo do componente.
Cor de fundo da caixa: permite alterar a cor da caixa da newsletter.
Cor do conteúdo: permite alterar a cor do ‘título’, ‘descrição’ e ‘botão’ do componente.
Cor de fundo do botão: permite alterar a cor de fundo do botão.
Cor do texto do botão: permite alterar a cor do texto do botão.

Bloco de texto

Este componente permite exibir um título e uma descrição. Estas são as opções disponíveis para este componente:

Título: permite alterar o título da secção. Se estiver vazio, não será exibido.
Descrição: permite acrescentar uma descrição abaixo do título.
Alinhamento do conteúdo: permite selecionar o alinhamento de todos os elementos, pode ser ‘Esquerda’, ‘Centro’ e ‘Direita’.
Cor de fundo: permite alterar a cor de fundo do componente.
Cor do conteúdo: permite alterar a cor do ‘título’, ‘descrição’ e ‘botão’ do componente.
Cor da linha: permite alterar a cor da linha do título.

---

Subcomponentes

Banners

Este componente permite-lhe adicionar tantos banners quantos precisar às páginas da sua loja, e é também o componente principal do subcomponente “Banner”. Estas são as opções disponíveis para este componente:

Título: permite alterar o título da secção. Se estiver vazio, não será exibido.
Descrição: permite acrescentar uma descrição abaixo do título.
Quantidade de banners a exibir: permite-lhe seleccionar um conjunto de banners para exibir.
Tipo de banner: permite-lhe selecionar como esta secção será exibida. ‘Grelha’ fará com que os produtos sejam expostos numa grelha. ‘Carrossel’ fará com que os produtos sejam expostos num carrossel.
Ativar setas: permite mostrar/ocultar as setas do carrossel (apenas se o ‘Tipo de exibição’ for ‘Carrossel’).
Ativar pontos: permite mostrar/ocultar os pontos do carrossel (apenas se o ‘Tipo de exibição’ for ‘Carrossel’).
Cor de fundo: permite alterar a cor de fundo do componente.
Cor do conteúdo: permite alterar a cor do ‘título’, ‘descrição’ e ‘botão’ do componente.
Cor da linha: permite alterar a cor da linha do título.
Cor de fundo do botão: permite alterar a cor de fundo do botão.
Cor do texto do botão: permite alterar a cor do texto do botão.

Banner

Este é um subcomponente de ‘Banners’, o que significa que só pode ser utilizado dentro deste componente principal. De facto, não poderá selecioná-lo a partir da lista de componentes disponíveis, uma vez que só estará disponível depois de adicionar um componente ‘Banners’ ao tema. Estas são as opções disponíveis para este componente:

Imagem: permite carregar uma imagem.
Título: permite dar um título ao banner. Se estiver vazio, não será exibido.
Link: permite adicionar um link.
Texto do botão: permite-lhe adicionar texto ao botão. Se estiver vazio, o ‘link’ estará ativo na imagem do banner.
Cor do título: permite alterar a cor do título dentro do banner.
Cor de fundo da opacidade do slider: permite alterar a cor que está sobreposta à imagem.
Percentagem de opacidade do slider: permite alterar a opacidade da cor que está sobreposta à imagem.

Funcionalidades

Este componente permite-lhe mostrar funcionalidades a destacar na sua loja, e é também o componente principal do subcomponente “Funcionalidade”. Estas são as opções disponíveis para este componente:

Título: permite alterar o título da secção. Se estiver vazio, não será exibido.
Descrição: permite acrescentar uma descrição abaixo do título.
Orientação do bloco: permite selecionar a orientação do conteúdo de cada elemento. ‘Horizontal’ faz com que o ícone e o texto fiquem na mesma linha. ‘Vertical’ faz com que o ícone apareça por cima do texto.
Funcionalidades a exibir: apermite-lhe selecionar uma série de características a mostrar (isto não representa um limite de características, apenas quantas características serão visíveis).
Ativar setas: permite mostrar/ocultar as setas do carrossel.
Ativar pontos: permite mostrar/ocultar os pontos do carrossel.
Cor de fundo: permite alterar a cor de fundo do componente.
Cor do conteúdo: permite alterar a cor do ‘título’, ‘descrição’ e ‘botão’ do componente.
Cor da linha: permite alterar a cor da linha do título.
Cor de fundo do bloco: permite alterar a cor de fundo de cada bloco.
Cor do conteúdo do bloco: permite alterar o ‘título’ e o ‘texto’ de cada bloco.
Cor de fundo do ícone: permite alterar a cor de fundo do ícone de cada bloco.
Cor do ícone: permite alterar a cor do ‘ícone’ de cada bloco.

Funcionalidade

Este é um subcomponente de ‘Funcionalidades’, o que significa que só pode ser utilizado dentro deste componente principal. De facto, não poderá selecioná-lo a partir da lista de componentes disponíveis, uma vez que só estará disponível depois de adicionar o componente ‘Funcionalidades’ ao tema. Estas são as opções disponíveis para este componente:

Ícone: permite-lhe escolher um ícone. Se selecionar a opção ‘sem ícone’, este será ocultado.
Título: permite alterar o título da secção. Se estiver vazio, não será exibido.
Descrição: permite acrescentar uma descrição abaixo do título.

Carrossel de logos

Este componente permite-lhe exibir uma lista de imagens na sua loja, e é também o componente principal do subcomponente ‘Logos’. Estas são as opções disponíveis para este componente:

Título: permite alterar o título da secção. Se estiver vazio, não será exibido.
Descrição: permite acrescentar uma descrição abaixo do título.
Logos a exibir: permite-lhe selecionar um número de logos a mostrar (isto não representa um número limite de logos, apenas quantos logos serão visíveis).
Ativar setas: permite mostrar/ocultar as setas do carrossel.
Ativar pontos: permite mostrar/ocultar os pontos do carrossel.
Cor de fundo: permite alterar a cor de fundo do componente.
Cor do conteúdo: permite alterar a cor do ‘título’, ‘descrição’ e ‘botão’ do componente.
Cor da linha: permite alterar a cor da linha do título.

Logos

Este é um subcomponente do ‘Carrossel de logos’, o que significa que só pode ser utilizado dentro deste componente principal. De facto, não poderá selecioná-lo a partir da lista de componentes disponíveis, uma vez que só estará disponível quando adicionar o componente ‘Carrossel de logos’ ao tema. Estas são as opções disponíveis para este componente:

Imagem: permite carregar uma imagem.
Link: permite adicionar um link à imagem.

Slider

Este componente permite-lhe exibir um carrossel de imagens na sua loja, e é também o componente principal do subcomponente ‘Slides’. Estas são as opções disponíveis para este componente:

Largura do slider: permite selecionar 2 tamanhos de imagem. ‘Grelha’ fará com que os produtos sejam mostrados numa grelha. ‘Ecrã inteiro’ fará com que a imagem ocupe o ecrã inteiro.
Ativar loop: se estiver ativo, quando o último diapositivo for exibido, regressa-se novamente à exibição do primeiro diapositivo.
Ativar autoplay: se ativado, o slider passará automaticamente de um slide para outro com base na velocidade definida abaixo.
Ativar pausa ao passar com o rato por cima: se ativado, o carrossel irá parar quando se coloca o rato sobre o slider.
Tempo do autoplay: permite escolher o tempo de exposição de cada diapositivo.
Ativar setas: permite mostrar/ocultar as setas do carrossel.
Ativar pontos: permite mostrar/ocultar os pontos do carrossel.
Cor de fundo: permite escolher uma cor de fundo para toda a secção do slider, esta só será visível se o campo ‘Largura do slider’ estiver definido como ‘Grelha’.
Setas > Cor de fundo: permite alterar a cor de fundo das setas.
Setas > Icon Color: permite alterar a cor do ícone das setas.
Pontos > Cor de fundo: permite alterar a cor da caixa dos pontos.
Cor dos pontos: permite alterar a cor dos pontos.

Slide

Este é um subcomponente do ‘Slider’, o que significa que só pode ser utilizado dentro deste componente principal. De facto, não poderá selecioná-lo a partir da lista de componentes disponíveis, uma vez que só estará disponível quando adicionar o componente ‘Slider’ ao tema. Estas são as opções disponíveis para este componente:

Imagem: permite carregar uma imagem que será exibida em dispositivos tablet e desktop que tenham uma largura mínima de 576px. Para tal, sugerimos que se considerem grandes dispositivos desktop como iMacs, portanto, uma largura adequada para esta imagem seria de 1440px e 1600px, ou até mais, considerando outros ecrãs maiores.
Imagem em dispositivos móveis: imagem que será exibida em dispositivos móveis com uma largura máxima de 575px.
Alinhamento: permite selecionar o alinhamento de todos os elementos (título e botão), que pode ser ‘Esquerda’, ‘Centro’ e ‘Direita’.
Título: permite alterar o título da secção. Se estiver vazio, não será exibido.
Texto do botão: permite adicionar um texto ao botão. Se estiver vazio o link ficará ativo na imagem do slide.
Link: permite adicionar um link.
Cor do título: permite alterar a cor do título.
Cor de fundo do botão: permite alterar a cor de fundo do botão.
Cor do texto do botão: permite alterar a cor do texto do botão.
Cor de fundo da opacidade do slider: permite alterar a cor que está sobreposta à imagem.
Percentagem de opacidade do slider: permite alterar a opacidade da cor que está sobreposta à imagem.

Testemunhos

Este componente permite-lhe exibir uma lista de testemunhos na sua loja, e é também o componente principal do subcomponente “Testemunho”. Estas são as opções disponíveis para este componente:

Título: permite alterar o título da secção. Se estiver vazio, não será exibido.
Descrição: permite acrescentar uma descrição abaixo do título.
Testemunhos a exibir: permite-lhe seleccionar um número de testemunhos a mostrar (isto não representa um limite de testemunhos, apenas quantos testemunhos serão visíveis).
Ativar setas: permite mostrar/ocultar as setas do carrossel.
Ativar pontos: permite mostrar/ocultar os pontos do carrossel.
Cor de fundo: permite alterar a cor de fundo do componente.
Cor do conteúdo: permite alterar a cor do ‘título’, ‘descrição’ e ‘botão’ do componente.
Cor da linha: permite alterar a cor da linha do título.
Fundo - Cor do conteúdo: permite alterar a cor de fundo de cada testemunho.
Bloco - Cor do conteúdo: permite alterar a cor do texto de cada testemunho.

Testemunho

Este é um subcomponente dos ‘Testemunhos’, o que significa que só pode ser utilizado dentro deste componente principal. De facto, não poderá selecioná-lo a partir da lista de componentes disponíveis, uma vez que só estará disponível quando adicionar um componente ‘Testemunhos’ ao tema. Estas são as opções disponíveis para este componente:

Citação: permite definir o texto que será o testemunho do autor.
Autor: permite definir o autor do testemunho.
Título do cargo: permite definir o cargo do autor.
Imagem: permite incluir a imagem do autor.

Videos

Este componente permite-lhe exibir uma lista de vídeos na sua loja, e é também o componente principal do subcomponente “Vídeo”. Estas são as opções disponíveis para este componente:

Título: permite alterar o título da secção. Se estiver vazio, não será exibido.
Descrição: permite acrescentar uma descrição abaixo do título.
Blocos a exibir: permite selecionar um número de vídeos a mostrar (isto não representa um limite no número de vídeos, apenas quantos vídeos serão visíveis).
Tipo de Secção: permite selecionar como esta secção será exibida. ‘Grelha’ fará com que os produtos sejam expostos numa grelha. ‘Carrossel’ fará com que os produtos sejam expostos num carrossel.
Ativar setas: permite mostrar/ocultar as setas do carrossel.
Ativar pontos: permite mostrar/ocultar os pontos do carrossel.
Cor de fundo: permite alterar a cor de fundo do componente.
Cor do conteúdo: permite alterar a cor do ‘título’, ‘descrição’ e ‘botão’ do componente.
Cor da linha: permite alterar a cor da linha do título.
Cor de fundo do bloco: permite alterar a cor de fundo de cada vídeo.
Cor do conteúdo do vídeo: permite alterar a cor de fundo de cada vídeo.
Bloco - Cor do ícone de reprodução: permite alterar a cor do ‘ícone’ de cada bloco.
Bloco - Cor de fundo do ícone de reprodução: permite alterar a cor de fundo do ‘Ícone’ de cada bloco.

Video

Este é um subcomponente de “Vídeos”, o que significa que só pode ser utilizado dentro deste componente principal. De facto, não poderá selecioná-lo a partir da lista de componentes disponíveis, uma vez que só estará disponível depois de adicionar o componente ‘Vídeos’ ao tema. Estas são as opções disponíveis para este componente:

Imagem: permite-lhe carregar uma imagem que será exibida como capa do vídeo.
Título: permite-lhe alterar o título do vídeo. Se estiver vazio, não será exibido.
Descrição: permite alterar a descrição do vídeo. Se estiver vazio, não será exibida.
Incorporar código: permite colocar o objeto incorporado a partir da fonte. Por exemplo, YouTube ou Vimeo.