Manual Tema Linha FLAT
Conheça a TraySuporte da TraySuporte do seu TemaCompre um Tema da Fábrika
  • 00. Conheça o Tema FLAT
  • 01. O Manual
  • 02. Como Instalar, Duplicar, Editar, Atualizar e Publicar seu tema
    • 2.1 Instalar seu tema
    • 2.2 Duplicar, Editar e Publicar seu tema
    • 2.3 Atualizar seu tema
  • 03. Painel de Edição do Tema
    • 3.1 - Edição da Estrutura e Elementos
      • 3.1.1 - Cabeçalho
      • 3.1.2 - Menu
      • 3.1.3 - Régua de Informações
      • 3.1.4 - Banners
      • 3.1.5 - Popups
      • 3.1.6 - Vitrines de Produtos
      • 3.1.7 - Depoimentos
      • 3.1.8 - Carrossel de Marcas
      • 3.1.9 - Blog ou Notícias
      • 3.1.10 - Rodapé
      • 3.1.11 - Botão Voltar ao Topo
      • 3.1.12 - WhatsApp Flutuante
    • 3.2. Edição das Cores
      • 3.2.1 - Cabeçalho
      • 3.2.2 - Menu
      • 3.2.3 - Régua de Informações
      • 3.2.4 - Vitrines de Produtos
      • 3.2.5 - Carrossel de Marcas
      • 3.2.6 - Rodapé
      • 3.2.7 - Breadcrumb
      • 3.2.8 - Popups
      • 3.2.9 - Botão Voltar ao Topo
      • 3.2.10 - Páginas
  • 04. Configurações específicas do seu tema
    • 4.2 - Páginas Institucionais
    • 4.4 - Categorias e Subcategorias
    • 4.5 - Listas de Desejo
    • 4.6 - Página de Produto
    • 4.7 - Características e Variações
  • 05. Edição do código fonte do seu tema
  • 06. Sua sugestão é muito importante para nós
  • 07. Atualizações do tema (changelog)
  • 08. Muito Obrigado!
Powered by GitBook
On this page

Was this helpful?

05. Edição do código fonte do seu tema

Previous4.7 - Características e VariaçõesNext06. Sua sugestão é muito importante para nós

Last updated 2 years ago

Was this helpful?

ATENÇÃO!

Antes de realizar qualquer edição no código fonte do seu tema, crie uma cópia de segurança, para que você não perca os códigos HTML e CSS, ou até mesmo para que você consiga voltar o código anterior, se necessário.

A Fábrika NÃO SE RESPONSABILIZA por QUAISQUER edições do código fonte de seu tema ou erro que possa vir a partir disso. Isso fica exclusivamente a cargo do cliente. Temos o código original de todos os temas e sabemos quando alguma edição acontece.

Orientamos que você realize qualquer edição no código fonte APENAS se tiver conhecimento AVANÇADO em HTML, CSS e JS. E também se, de fato essa edição for necessária, já que nossos temas estão prontos e testados, já preparados para o uso.

DITO ISSO, caso ainda assim você sinta necessidade de modificar seu tema um pouco mais a fundo, mostraremos onde você poderá realizar essas modificações.

LEMBRANDO, MAIS UMA VEZ, QUE NÃO NOS RESPONSABILIZAMOS POR QUALQUER PROBLEMA CAUSADO EM DECORRÊNCIA DE ALTERAÇÕES NO CODIGO FONTE.

Para acessar o código fonte de seu tema, vá em MINHA LOJA > DESIGN DA LOJA. Encontre o tema (de preferência uma cópia, como orientamos anteriormente) e clique em EDITAR HTML.

Você poderá editar qualquer arquivo no editor de arquivos que aparecer. A Fábrika aconselha a alterar apenas arquivos style.css e style.min.css, que são responsáveis por controlar os estilos do tema.

Dentro do editor online, os arquivos CSS mencionados anteriormente, podem ser encontrados dentro da pasta CSS.

Clicando em algum arquivo, ele será carregado como na imagem abaixo:

Você pode realizar as alterações possíveis que desejar, mas para que elas sejam refletidas na loja você precisa atualizar o arquivo css minificado, o style.min.css.

Após o processo de minificação, copie o código (style.min.css) e sobrescreva o conteúdo já presente dentro da loja.

Não esqueça de clicar em salvar após o fim do processo.

Verifique se tudo está como desejado em VISUALIZAR LOJA. Estando tudo certo, volte a duplicar e publique seu tema para que fique visível para seus clientes. As atualizações podem levar um tempo até serem vistas devido a atualização de cachê.

LEMBRAMOS QUE QUAISQUER ERROS VINDOS DESSA EDIÇÃO, NÃO SÃO RESPONSABILIDADE DA FÁBRIKA DE E-COMMERCE E PODERÃO NÃO SOMENTE DANIFICAR O TEMA, COMO TAMBÉM IMPEDIR SEU USO.

NESSE CASO NÃO REALIZAMOS QUALQUER AJUSTE. PARA CORRIGIR O PROBLEMA, CASO VOCÊ NÃO TENHA FEITO UMA CÓPIA DO TEMA ORIGINAL, SERÁ NECESSÁRIO QUE VOCÊ COMPRE UM NOVO TEMA.

Copie o código do arquivo style.css e trabalhe com uma ferramenta de minificação de css. Exemplo: a Minifier. (colocar o link: )

https://cssminifier.com/