Articles
Banners informativos
Neste tutorial vamos adicionar banners informativos, basicamente eles são banners que contêm: Um ícone Um título Um texto Um link (opcional) Temos um total de 7 banners para mensagens diferentes: Frete Cartões de crédito Segurança Trocas...
Barra de categorias na página inicial
Neste tutorial vamos adicionar um componente na página inicial para mostrar as categorias. HTML A primeira coisa que vamos fazer é criar as pastas home e navigation dentro da pasta snipplets, se você ainda não as tiver. 1. Dentro da pasta s...
Banners
Neste tutorial vamos ver como podemos adicionar banners com as seguintes particularidades: Imagem Título Descrição Texto do botão Link Alinhamento Para o layout Base, criamos um componente exclusivo para os banners que, dependendo de onde o...
Vídeo na página inicial
Neste tutorial, criaremos uma opção para mostrar um vídeo na home page da loja. Esta funcionalidade suporta links do YouTube e do Vimeo. HTML 2. Dentro da pasta snipplets , crie um novo arquivo chamado video-item.tpl , que usaremos para ...
Postagens do Instagram
Neste tutorial vamos adicionar o componente que mostra na página inicial as últimas publicações de uma conta do instagram. HTML A primeira coisa que vamos fazer é criar a pasta home dentro da pasta snipplets . 1. Dentro da pasta criada, a...
Imagens rotativas com textos editáveis
Neste tutorial, veremos como podemos adicionar texto editável aos banners rotativos da página inicial, deixando campos para: Link (existe por padrão) Título Descrição do produto Botão Cor Para o tema Base, modificaremos o componente que j...
Botão de arrependimento
Neste tutorial vamos adicionar o botão de arrependimento e o formulário de cancelamento de ordem, para que seus clientes possam enviá-lo em caso de arrependimento da compra. Isso se encontra disponível somente para lojas da Argentina de forma obrig...
Carrossel de imagens exclusivo para celulares
Neste tutorial veremos como ter um carrossel de imagens na página inicial que aparecerá somente em celulares. Essa necessidade pode surgir quando um único carrossel de imagens não é o suficiente para computadores e celulares, quando o design das i...
Newsletter Pop-up
Neste tutorial vamos adicionar um popup que aparece na home page com a possibilidade de mostrar: Uma imagem Um texto Um link para a imagem e o texto O formulário de inscrição da newsletter HTML A primeira coisa que vamos fazer é criar a p...
Seções com drag and drop
Neste tutorial vamos fazer que as seções da página de inicio mudem de posição com "drag and drop" Vamos considerar como exemplo 3 seções "arrastáveis": Banners rotativos Produtos em destaque Banners de categorias E uma seção “fixa”,...