Alterar conteúdo de páginas estáticas | ECOM-D
Neste tutorial vamos mostrar como alterar o conteúdo de páginas estáticas na loja virtual. Para começar, no menu esquerdo, passe o mouse sobre a opção "páginas" e clique sobre "todas as páginas".
1- Procure pela página que deseja editar e ao passar o mouse sobre ela, clique em "Editar".
2- Será exibido o texto, da página com o modo de editor Gutenberg. Para editar o texto, basta clicar no campo referente como destacado na imagem abaixo pela seta (1). Para alterar a formatação do texto, utilize as ferramentas destacadas pela seta (2). Você poderá alterar o estilo de fonte, colocar em negrito, itálico alterar o alinhamento, colocar hiperlink, aspas, e entre outros, basta selecionar o texto e clicar sobre a ferramenta desejada.
3- É possível também adicionar uma imagem, slideshow e até mesmo formulário no corpo do texto. Você poderá utilizar também outros dois modos de edição "Backend" e "Frontend".
Utilizando modo de edição BACKEND EDITOR
Ao clicar sobre a opção de Backend Editor, serão exibidos os elementos da página. Neste exemplo, só tem o elemento de texto. Para alterar o conteúdo do texto do elemento, basta passar o mouse sobre a opção e ao surgir um menu verde, clique no ícone de lápis conforme identificado abaixo. Também é possível, remover e copiar o conteúdo.
O sinal de + destacado é utilizado para adicionar outro elemento na página, abaixo ou acima do elemento anterior. Um elemento pode ser uma linha, uma coluna, uma galeria de imagens, um bloco para vídeo, bloco para texto, imagem única, carrossel de produtos, uma grade de produtos, um botão, formulário, enfim, existem diversas opções.
Ao clicar em adicionar elemento, são exibidas todas as opções na caixa de diálogo, basta selecionar e já estará disponível para edição.
Para remover uma linha de elemento por exemplo, basta clicar no indicado pela seta (1).
Para alterar a quantidade de colunas de uma linha e a proporção, passe o mouse sobre a opção indicada pela seta (2) e clique sobre a opção desejada.
Para mover de posição um elemento, clique sobre o item indicado pela seta (3) e arraste para o local desejado.
Para alterar o design ou configurações do elemento clique sobre o ícone de lápis correspondente ao elemento.
Lembre-se de atualizar a página com as novas alterações feitas, clicando em "Atualizar" no canto direito.
Utilizando editor FRONTEND EDITOR
Ao clicar sobre a opção de "Frontend Editor", no canto direito será exibida a opção de atualizar, e voltar para o editor backend. A seta (1) mostra as visualizações em diferentes dispositivos. Poderá também desafazer a última ação clicando no botão indicado pela seta (2).
O modo Frontend permite editar as páginas ao mesmo tempo visualizando a alteração no modo que o usuário vê. Ao passar o mouse sobre o conteúdo, será exibido o menu verde com ícone de lápis para editar, ícone de copiar e de excluir (X). Para adicionar um elemento, basta clicar no sinal de (+).