KOONNECT - e-commerce
  • Introdução
  • Catálogo
    • Produtos
      • Adicionar produto
      • Produto Simples
      • Produtos com Versões
      • Grupo de Produtos
      • Definir Promoções
      • Importação
        • Importador de stocks e preços
        • Importador de preços com base em quantidades
      • Imagens
        • Editor de imagens
  • Contactos
    • Acessos
    • Entidades
      • Adicionar Entidades
    • Utilizadores
      • Editar informação do Utilizador
      • Adicionar Utilizadores
      • Alterar email de utilizador
      • Editar credenciais de Utilizadores
  • Marketing
    • Automatismos
    • Mensagens de email
    • Imagens Interativas
    • Relatórios
      • Reporting avançado
      • Estatísticas
      • Vendas/encomendas
      • Marketing
    • Loja
      • Encomendas
        • Adicionar encomendas
          • Editar encomendas
          • Logs de estados
          • Moradas
          • 👉Documentos
          • 👉Artigos
          • Entrega
          • Descontos
          • 👉ERP
          • 👉Expedições
          • Pagamento
          • Tracking
      • Orçamentos
        • Adicionar orçamentos
          • Editar orçamentos
          • Moradas
          • 👉Artigos
          • 👉Documentos
          • Logs de estados
          • Descontos
      • Cupões
        • Adicionar cupões
        • Editar cupões
      • Devoluções
      • Campanha
        • Adicionar campanha
        • Editar campanhas
      • Métodos de entrega
        • Adicionar métodos de entrega
        • Editar métodos de entrega
          • Preços
          • Restrições de pagamentos
          • Preço por distância
          • Configurações
      • Métodos de pagamento
    • Banners
    • Atribuir Portes Grátis a um produto
    • Formulários
      • Consultar Respostas
      • Criar Formulários
      • Gestão de Emails
    • Pop Ups
      • Adicionar PopUps
      • PopUp Simples (HTML Editor)
      • PopUp Avançado
      • Adicionar PopUp à HOME
  • CMS - Conteúdos
    • Conteúdo Simples
      • Criar secções de conteúdo
      • Inserir secção de conteúdos
      • Inserir vídeo
      • Texto e formatação
      • Inserir fotografia
      • Inserir Animações
      • Inserir Link
    • Conteúdos
      • Categorias
        • Editar Categorias
        • Ordenar categorias
      • Páginas
      • Blog
    • Menus Dinâmicos
      • Menus
      • Ordenar menus
      • Editar menus
      • Adicionar Menu
  • Configurações
    • Configurações SMTP
Powered by GitBook
On this page

Was this helpful?

  1. CMS - Conteúdos
  2. Conteúdo Simples

Inserir fotografia

PreviousTexto e formataçãoNextInserir Animações

Last updated 3 years ago

Was this helpful?

A inserção de fotografia e a sua formatação também está disponível em frontoffice, tornando-se assim, numa maneira simplificada e totalmente personalizável de inserir conteúdo de imagem em frontoffice.

Como inserir uma fotografia

Após efetuar o login ao site, aparecerá no canto superior direito, uma "Roda dentada", que é precisamente, o método de entrada para o modo de edição no frontoffice.

Ao clicar na roda dentada, irá ficar disponível um número de funcionalidade. Para poder adicionar conteúdo simples ou secções de conteúdo. Clique em "Editar conteúdos" para o site ficar em modo de edição.

Ao passar o cursor por cima dos locais que se encontram com um traço descontínuo, aparecerá um pequeno botão, "Edit" que ao pressionar, será possível adicionar novos conteúdos onde for necessário.

Após clicar o botão "Edit", irá aparecer, no canto superior direito, junto à "Roda dentada", um outro menu de blocos de conteúdo,"Snippets", que contem um grande número de secções editáveis de conteúdo simples.

O menu de blocos de conteúdo, "Snippets", é dividido em categorias, e cada uma delas corresponde a um género diferente de secção de conteúdo simples. Numa dessas categorias, "Photos", podemos encontrar várias opções e formas diferentes de adicionar fotografia, no espaço de edição, arrastando-o para as secções de conteúdo.

Ao arrastar o bloco de conteúdo pretendido, é concedida a hipótese de editar grande parte do conteúdo desse mesmo bloco através das algumas opções edição, ao clicar nas fotografias presentes nesse bloco.

  • Uma das opções passa pela possibilidade de alterar o conteúdo do bloco para a fotografia que se pretende em que ao clicar temos acesso ao browser do computador que se está a usar, de forma a depois se poder escolher a fotografia que se pretende, podendo-se voltar a fazer este processo as vezes que forem necessárias.

  • A segunda opção passa pela possibilidade de se adicionar um link direto de uma página ou website à fotografia, bem como, se for necessário, adicionar um titulo à fotografia. Esta é, à semelhança da primeira opção de edição de fotografia, passível de se refazer todo este processo as vezes que forem necessárias.

  • Uma outra opção de edição de fotografia passa pela possibilidade de modificar as dimensões da mesma.

Existem mais opções de edição do bloco de conteúdo de fotografia para além das já descritas. Ao clicar na fotografia, ficam disponíveis pelo menos mais nove formas de editar o bloco de conteúdo, todas dispostas em torno da fotografia selecionada.

  • No canto superior esquerdo estão dispostas três opções de edição que permitem modificar o conteúdo do bloco de conteúdo em questão:

1. A primeira opção, permite adicionar ao bloco de conteúdo; Parágrafos, headlines, listas, citações, tabelas, botões e até mesmo imagens, tanto à direita como à esquerda da fotografia:

2. Ao clicar na segunda opção de edição, têm-se a opção de mover a fotografia dentro do bloco de conteúdo, bem como para aumentar e diminuir a fotografia, e até mesmo para duplicá-la no bloco de conteúdo.

3. Ao clicar na seguinte opção, é possível apagar a fotografia selecionada.

  • No canto inferior direito estão dispostas outras três opções de edição que permitem modificar o conteúdo a adicionar junto da fotografia selecionada.

1. A primeira opção, permite adicionar conteúdo junto da fotografia selecionada, tal como; Parágrafos, headlines, listas, citações, tabelas, botões e até mesmo imagens:

2. Ao clicar na segunda opção de edição, têm-se a opção de mover a fotografia dentro do bloco de conteúdo, duplicá-la no bloco de conteúdo bem como aceder a mais algumas de configurações que permitem modificar o texto adicionado junto da fotografia, o espaço entre o texto e a fotografia, dá para adicionar sombras, efeitos, modificar os cantos e muitas outras opções, tudo clicando em settings:

3. Com a opção a seguir, é possível apagar a fotografia selecionada.

  • As seguintes opções de edição são um pouco mais abrangentes que os demais, visto que, estes servem para editar o bloco de conteúdo completo, e não certos elementos pertencentes ao mesmo.

1. A primeira opção, permite movimentar todo o bloco de conteúdo de uma vez para onde for mais necessário.

2. A segunda ferramenta de edição tem como objetivo o de de mover o bloco de conteúdo, bem como duplicá-lo e ainda tem uma opção que permite acesso ao conteúdo do bloco de conteúdo por html:

3. Com a seguinte opção, é possível apagar um bloco de conteúdo, independentemente da quantidade de elementos no mesmo.

Após a inserção da fotografia, é estritamente necessário guardar todo o processo realizado:

  • Após terminar de inserir ou editar conteúdo, deve clicar no botão verde "Save", no canto superior esquerdo da caixa "Click to add content";

  • Depois de clicar em "Save" para guardar todo o processo, ou "Cancel" se pretender apagar todo o processo realizado, deve clicar no botão na lateral direita, "Roda dentada", para poder abrir o menu principal;

  • No menu "Roda dentada", deve clicar em "Publicar página" e depois no botão "Guardar" para poder guardar todo o processo desenvolvido e para que o mesmo seja visível ao visitante do website. Se clicar em "Guardar" sem antes deixar acionado o botão "Publicar página", o processo desenvolvido vai ficar guardado mas não irá ser visível para quem visita o website, por isso, não é aconselhado guardar as edições feitas em frontoffice sem antes acionar o botão "Publicar página".

Tutorial - Assista ao video abaixo para mais facilmente compreender como inserir um vídeo no conteúdo: