Primeiro vamos mostrar o local em que se encontra os blocos e as páginas.


  1. Localizar Bloco/Páginas
  2. Inserir Imagens
  3. Inserir Links
  4. Inserir Widget
  5. Inserir Vídeo


Para criar/editar blocos > Clique em CMS > Blocos Estáticos

Para criar/editar páginas > Clique em CMS > Páginas


Abaixo será exibidos os blocos criados, para editá-los, clique no referido bloco. 



Em conteúdo irá inserir/editar o conteúdo do bloco podendo usar via html ou pelo editor (sendo possível várias configurações, dentro elas: Inserir: Widgets, links  e imagens e link de vídeo do youtube (itens em destaque) etc.




Para criar/editar Páginas >  Clique em CMS > Páginas > Criar Página


Obs: Será exibido abaixo as páginas existentes, para configurá-las clique na página desejada ou em Criar Página.




––Conteúdo


Na aba conteúdo irá inserir o conteúdo em si, seja  textos, imagens, etc




Podendo ser feita a edição pelo Editor - semelhante ao editor do Word, clicar para mostrar/ocultar Editor




Abaixo as funções que iremos explicar neste tutorial: Inserir: Widgets, links, imagens e link de vídeo do youtube




2 - Tutorial de Inserção de Imagens




Clique para procurar a imagem



Será exibida as midias de seu site, caso for uma nova imagem é necessário fazer o seu upload, para isso clique emProcurar Arquivos




Localize e a selecione em seu computar ou local de armazenamento



Clique em: Enviar Arquivos



Após Enviar a imagem - selecione-a e clique em: Inserir Arquivo




Em Appearance - especifique  a dimensão que deseja que a imagem seja exibida




Feito o procedimento acima - clique em insert - (Irá aparecer um alerta- clique em ok) feito isso ela estará inserida em sua página ou bloco, pode ser que seja necessário um ajuste em suas proporções, ou caso preferir já insira a imagem na dimensão exata.



3 -  Tutorial de Inserção de Link


Se for inserir um link interno - link de sua própria loja - não precisa copiar o link inteiro exemplo: nomedaloja.com.br/camisetas - no caso irá copiar somente o que está após o domínio, ou seja, irá copiar somente o: camisetas. 




Para inserir o link de uma página ir na referida página e copiar o conteúdo da URL ir no referido bloco selecionar o item no bloco e clicar no ícone de inserir o link e colar o referido link e salvar



Em target vai definir se o link será aberto na mesma ou em outra janela e pode inserir um título ( este será exibido quando passar o mouse neste link)




4 -Tutorial de Inserção de Widget




Agora vamos tratar sobre Widget que é um componente de interface gráfica capaz de carregar elementos visuais (formulários, botões, menus, ícones, textos, imagens, etc).


Vá em CMS > Widgets


Abaixo será mostrado os Widgets existentes, para criar clique em Criar Widget.



––Configurações


>Tipo: Aqui irá escolher o tipo se vai ser um bloco, formulário de pedidos e devoluções, lista de produtos comparados, novos produtos, lista de produtos visualizados, etc. E outras opções dependendo dos add-ons da loja.


>Pacote de Template: Aqui escolha o pacote de template.


Depois clique em Avançar.



––Exemplo de Widget/Propriedades de Frontend




>Título do Widget: Aqui insira o nome deste Widget.


>Ordem: A ordem de exibição deste Widget em um mesmo bloco de referência.


Clicar em Adicionar Atualização de Leiaute para definir as opções de leiaute, onde será exibido.


>Display On: Aqui para selecionar o local de exibição do Widget, determinar a página, o tipo de produto, categoria, bloco de referência, coluna, etc.





––Opções de Widget


Nesta opção dependerá da opção de Widget selecionada como exemplo - aqui irá escolher dentre outras opções determinar o bloco, ID, número de produtos apresentados, etc. Após preencher as informações clicar em Salvar.




5 - Inserção de Link de Vídeo do Youtube


Há duas maneiras de inserir Link de vídeo do Youtube:


1 - Na versão Html inserir o link do Iframe do Vídeo que deseja compartilhar: Na página do Vídeo do Youtube - clicar em: Compartilhar


Clicar em Incorporar

 

Copie todo o link



Na página na versão em Html insira este código e Salve a página e faça o Gerenciamento de Cache.



2 - Na versão Editor - Clicar em: Insert/Edit Embedded Media



Na janela que abrir em Type selecione: Iframe 


Siga o mesmo procedimento que foi informado anteriormente e copie e cole esta parte do link (após src=") em File/URL 






Após efetuar o procedimento Salve e faça o Gerenciamento de Cache.



Nesta tela será mostrado os índices/caches que precisam ser atualizados, eles estarão em vermelho, basta selecionar o item individualmente, ou clicar em marcar todos.




Após selecionado, os itens a serem atualizados clicar em enviar.