Visão geral do tema Divi Matcha Shop Child

O tema infantil Divi Matcha Shop é um tema minimalista que ajuda você a se concentrar na venda de seus produtos. Inclui páginas WooCommerce com estilo para corresponder ao tema filho. Ele também adiciona páginas simplificadas, como um blog, contato e muito mais. Neste artigo, veremos o tema infantil Divi Matcha Shop para ajudá-lo a decidir se é a escolha certa para suas necessidades.

Instalando o Divi Matcha Shop Child Theme

Toda a instalação e configuração são manuais. Felizmente, isso não é difícil. Qualquer pessoa com experiência na Divi não terá problemas. O processo de configuração foi fácil e demorou apenas alguns minutos. As informações estão incluídas na página de vendas.

Em primeiro lugar, com o Divi ativado, carregue e ative o tema filho como faria com qualquer tema WordPress. Em segundo lugar, ative o tema filho. O tema filho adiciona a folha de estilo CSS. Ele vem com os arquivos para as opções de tema, configurações do personalizador e layouts. Os arquivos são nomeados de acordo com o local onde serão usados.

Um arquivo zip suplementar está incluído com os arquivos a serem importados. Também inclui layouts para fazer upload para a Biblioteca Divi. Em terceiro lugar, agora que seu tema filho está ativado, você precisará criar as páginas manualmente. Finalmente, você também precisará criar o menu e remover a barra lateral padrão e os widgets de rodapé. Neste exemplo, estou importando as opções de tema na tela Divi Theme Options.

Todos os layouts são carregados com um clique. Aqui estão os layouts. Possui desenhos para 6 páginas. Você precisará criar as páginas usando os layouts e, em seguida, criar seu menu. Seu site será então parecido com a demonstração do tema infantil Divi Matcha Shop. Você só precisa adicionar seu conteúdo.

Divi Matcha Shop Child Theme Pages

A página de demonstração inclui imagens e ícones. Por motivos legais, as imagens e ícones não são incluídos nos arquivos de layout (o que é compreensível). Por causa disso, estou usando imagens da demonstração (elas apenas têm uma aparência melhor e dão uma ideia melhor de como usar o tema filho). Isso é comum, mas gostaria de mencioná-lo para que você saiba por que seu site é diferente do deste artigo.

Página inicial do tema Divi Matcha Shop Child

A página inicial inclui muitos módulos de texto, imagens, botões, contadores de números, um módulo de vídeo e um formulário de contato. Aqui está a visualização do wireframe. Vamos dar uma olhada em cada seção do front-end.

A página inicial exibe um fundo de largura total com texto extragrande que gira no lugar conforme a página carrega. Uma imagem sobrepõe esta e a próxima seção. Ele aumenta o zoom conforme a página carrega. Gosto de como o foco está no produto em toda a página inicial.

A segunda seção exibe um fundo de largura total com conjuntos de informações que funcionam como sinopses. Eles incluem imagens (ou ícones) com título, descrição e um link para ler mais sobre cada um. Fornecem informações sobre o produto. As imagens deslizam para o lugar de ambos os lados da tela.

A próxima seção fornece espaço para um vídeo incorporado. O vídeo se sobrepõe a duas seções. Um depoimento aparece abaixo do vídeo. O fundo colorido e os gráficos do depoimento não estão incluídos, mas dão uma ótima ideia de como o depoimento pode ser usado.

Um CTA de largura total é exibido sobre um fundo de paralaxe. Os contadores de números fornecem informações. O texto para o CTA desliza no lugar e os contadores de números contam conforme você rola para esta seção.

O rodapé exibe um formulário estilizado de inscrição em um boletim informativo de largura total, seguido por uma seção para logotipos. Eles são ótimos para clientes, certificações, marcas às quais você é afiliado ou fornece, etc. A imagem ao lado do formulário de contato desliza no lugar conforme você rola para esta seção.

Sobre a página

A página Sobre exibe uma seção de título com um fundo de paralaxe. Ele também usa as informações do produto e as seções de logotipo da página inicial. Este layout pode ser e usado para criar uma página para cada produto se você fornecer mais de uma.

Página de Benefícios

A página Benefícios exibe os benefícios do produto usando a seção de vídeo e depoimento da página inicial. O vídeo se sobrepõe à seção do herói de paralaxe. Este layout pode ser usado para criar uma página para cada produto. Você também pode criar várias seções para enfocar cada benefício.

Página de Blog

A página do Blog tem um design limpo que exibe as postagens do blog em 3 colunas. Os cartões incluem bordas, imagens na parte superior, um título, meta, trecho e um link estilizado para ler mais. Também inclui a seção de título de paralaxe e logotipos para o rodapé.

Página da loja

A página Loja adiciona um módulo de loja com 4 colunas. O título e o rodapé também estão incluídos nesta página. Um ícone verde é exibido conforme você passa o mouse sobre a imagem de um produto.

Página do Produto

A página do produto segue o layout padrão do WooCommerce e inclui um estilo para combinar com o site. Inclui um estilo verde para o preço, botão adicionar ao carrinho, categoria, classificações com estrelas na seção de comentários e o ícone de foco para os produtos relacionados.

O carrinho de compras e outras páginas do WooCommerce também incluem um estilo verde. Este exemplo mostra o carrinho de compras com o nome do produto, o botão de cupom e o botão de finalização da compra em verde.

Página de contato

A página Contato também inclui o cabeçalho e o rodapé e adiciona um formulário de contato estilizado sobre uma imagem de plano de fundo.

Divi Matcha Shop Child Theme CSS

Todo o estilo é adicionado à folha de estilo do tema filho. Se você estiver familiarizado com CSS, será fácil personalizar as cores na folha de estilo. Felizmente, você não precisa se aprofundar nos arquivos de tema para fazer as alterações CSS.

O CSS também é adicionado às Opções do tema Divi. Como alternativa, você pode fazer as alterações aqui na opção de tema. Isso evita que você precise alterar os arquivos do tema filho. O CSS adicionado aqui tem precedência sobre o CSS adicionado à folha de estilo.

Onde comprar

O tema infantil Divi Matcha Shop está disponível no Divi Marketplace por $ 29. Inclui uso ilimitado e um ano de suporte e atualizações.

Reflexões finais

Essa é a nossa visão do tema infantil Divi Matcha Shop do Paper Temple. Este é um tema infantil simples que parece limpo e elegante. A simplicidade é uma ótima maneira de focar nos produtos. Gosto especialmente do design da página inicial. A página de benefícios é uma ótima maneira de fornecer informações sobre o produto com vídeo. A página Sobre faz bom uso de cartões de estilo blurb para ajudar o comprador a entender mais sobre os produtos e processos. Concluindo, se você está procurando um tema infantil Divi de comércio eletrônico que seja simples e fácil de usar, vale a pena dar uma olhada no Divi Matcha Shop.

Nós queremos ouvir de você. Você já experimentou o tema infantil Divi Matcha Shop? Deixe-nos saber o que você pensa sobre isso nos comentários.

Imagem em destaque via Letters-Shmetters / shutterstock.com