Como criar um novo tema Magento

Introdução

Magento é uma plataforma de comércio eletrônico amplamente usada que fornece recursos extraordinários para oferecer suporte à personalização da loja. No entanto, embora este pacote seja dotado de muitos recursos impressionantes, há uma desvantagem; O Magento oferece apenas dois temas padrão, Blank e Luma. Ao instalar o Magento, o Luma se manifesta como o tema padrão do front-end.


Se você deseja implementar um tema elegante, não é aconselhável editar os temas padrão diretamente, pois isso afetaria o desempenho e a manutenção da sua loja. A melhor opção é criar um novo tema que atraia os clientes e os incline a voltar.

Este tutorial irá ajudá-lo a criar e instalar um novo tema personalizado no Magento 2.

Pré-requisitos

Vou assumir que você instalou o Magento 2. para instalar o aplicativo com sucesso.

Se a condição acima for atendida, você poderá prosseguir com a instalação.

Etapa 1- Criando um diretório de temas

A primeira etapa ao criar um tema personalizado no Magento 2 é criar o diretório do tema. Os diretórios de temas no Magento 2 são encontrados em app / design / frontend. Vou ao Cpanel > Gerenciador de arquivos > Public_html >Magento

Abra o Aplicativo pasta e localize o Projeto pasta.

Abra o Pasta de design e crie um novo diretório no pasta front-end. Nomeie o diretório HostAdvice.

Em seguida, crie um diretório de temas intitulado Meu tema nesta pasta.

É isso aí! O diretório do tema foi criado com sucesso.

Etapa 2 – Declarando o tema

Depois de criar o diretório de temas necessário, crie um próximo theme.xml arquivo no diretório app / design / frontend / HostAdvice / Mytheme. Copie e cole o código abaixo no arquivo:

Meu tema
Magento / em branco

media / preview.jpg

Etapa 3 – Registrando o tema

No diretório app / design / frontend / HostAdvice / Mytheme, Crie um registration.php Arquivo. Copie e cole o código abaixo no arquivo.

<?php
\ Magento \ Framework \ Component \ ComponentRegistrar :: register (
\ Magento \ Framework \ Component \ ComponentRegistrar :: THEME, ‘frontend / HostAdvice / Mytheme’, __DIR__
);

Etapa 4 – Upload da imagem de visualização

Até agora, o tema está registrado. Em seguida, faça o upload da imagem de visualização. Vá para este diretório app / design / front-end / HostAdvice / Mytheme / media e faça upload da imagem de visualização no formato .jpg.

Etapa 5 – Declarando o logotipo do tema

Para declarar o logotipo do tema, vá para app / design / front-end / HostAdvice / Mytheme / Magento_Theme / layout e crie um default.xml Arquivo.

Copie o código abaixo e cole-o no diretório default.xmeu.

Etapa 6 – Upload do logotipo do tema

Vamos para app / design / frontend / HostAdvice / Mytheme / web / images e faça upload da sua imagem de logotipo preferida no formato .png.

Isso é tudo! Agora podemos fazer o upload do novo tema personalizado.

Etapa 7 – Aplicando o tema

Antes de configurar o tema, você deve atualizar e liberar o cache para eliminar qualquer problema em potencial.

Para atualizar seu cache, execute o comando abaixo:

# php bin / magento setup: upgrade

Em seguida, execute o comando abaixo para liberar o cache:

# php bin / magento cache: flush

Faça login na área administrativa da sua loja Magento 2. Clique Conteúdo e selecione Temas.

Clique Editar,

Selecione Meu tema nas opções disponíveis e clique em Salvar configuração.

Em seguida, abra seu terminal SSH e acesse o diretório raiz do seu Magento 2. Execute os comandos abaixo, um por um

# rmr -rf var / di / * var / generation / * var / cache / * var / log / * var / page_cache / * var / session / * var / view_preprocessed / * pub / static / *

# php bin / magento setup: upgrade
1 1
# php bin / magento setup: upgrade

# php bin / magento setup: db-schema: upgrade
1 1
# php bin / magento setup: db-schema: upgrade

# php bin / magento setup: di: compile
1 1
# php bin / magento setup: di: compile

# php bin / magento setup: static-content: deploy
1 1
# php bin / magento setup: static-content: deploy

# php bin / indexador magento: reindex
1 1
# php bin / indexador magento: reindex

# php bin / magento cache: limpo
1 1
# php bin / magento cache: limpo

# php bin / magento cache: flush
1 1
# php bin / magento cache: flush

Quando terminar, abra a página inicial da loja Magento. A página deve exibir o novo tema personalizado.

Conclusão

É isso aí! Você criou um novo tema personalizado e aplicou-o em sua loja Magento. Isso impedirá que você edite os temas padrão do Magento, evitando assim qualquer problema que possa ser causado pela modificação dos arquivos principais.

Confira estes 3 principais serviços de hospedagem Magento:

FastComet

Preço inicial:
US $ 2,95


Confiabilidade
9,7


Preços
9,5


Amigo do usuário
9,7


Apoio, suporte
9,7


Recursos
9,6

Ler comentários

Visite FastComet

Hospedagem A2

Preço inicial:
US $ 3,92


Confiabilidade
9,3


Preços
9.0


Amigo do usuário
9,3


Apoio, suporte
9,3


Recursos
9,3

Ler comentários

Visite A2 Hosting

ScalaHosting

Preço inicial:
US $ 4,95


Confiabilidade
9,4


Preços
9,5


Amigo do usuário
9,5


Apoio, suporte
9,5


Recursos
9,4

Ler comentários

Visite ScalaHosting

Artigos de instruções relacionados

  • Como enviar email no Magento 2?
    intermediário
  • Como criar um widget personalizado no Magento 2
    intermediário
  • Como integrar o Google Adwords e o Google Analytics ao Magento?
    intermediário
  • Como criar produtos de pacote configurável no Magento 2
    intermediário
  • Como configurar um sitemap no Magento 2
    intermediário
Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map