Sales Mart - Visão geral do tema infantil WooCommerce Divi

O tema filho Sales Mart Divi de PennyBlack Templates foi projetado para sites e blogs WooCommerce. Ele vem com muitas páginas e recursos especiais projetados para vendas online. Neste artigo, veremos as páginas e recursos do Sales Mart para ajudá-lo a decidir se esse é o tema infantil Divi certo para o seu site.

Instalando o Sales Mart Divi Child Theme

Instalar o tema infantil Sales Mart Divi é simples. São necessários alguns passos. Primeiro, com o Divi ativado, carregue e ative o tema filho como faria com qualquer tema WordPress.

Depois de ativado, você verá uma mensagem com um link para instalar os plug-ins necessários. Instale e ative-os. Isso adiciona:

• Carrinho da barra de menus WooCommerce
• Yith WooCommerce Quick View
• Lista de desejos do Yith WooCommerce

Alguns dos plug-ins precisaram de alguma configuração, mas é fácil de fazer.

Uma vez que os plug-ins são ativados, você pode importar os dados de demonstração. Aguarde a importação da demonstração e seu site ficará parecido com a demonstração completa, com páginas, menus e produtos.

Tudo combinava com a demonstração, exceto o rodapé. O meu tinha os widgets padrão, que excluí após a importação do demo. Também tive que selecionar o menu correto, habilitar a lista de desejos e o carrinho de compras.

Recursos do cabeçalho do tema infantil Sales Mart Divi

O cabeçalho é criado com o Divi Builder. Várias páginas incluem breadcrumbs.

Cabeçalho do Mart de Vendas

O cabeçalho global inclui duas seções. O primeiro exibe um texto, uma sinopse e módulos de acompanhamento de mídia social. O segundo exibe um menu de largura total.

O cabeçalho global também inclui um carrinho de compras com o número de itens e o preço total. Isso é adicionado com o plugin WooCommerce Menu Bar Cart.

Pão ralado do mercado de vendas

A maioria das páginas inclui um cabeçalho com uma imagem de fundo, título e localização atual.

Páginas temáticas infantis do Sales Mart Divi

O Sales Mart adicionou 31 páginas, incluindo 5 home pages, 3 páginas de blog e 2 sobre páginas, páginas de loja, páginas de equipe, páginas de depoimentos, páginas de carrinho e muito mais. Este é um dos poucos temas filho Divi que vi com uma página de erro de servidor interno 500. Ele também inclui uma página 404, página em breve e página de manutenção. Vejamos alguns deles.

Páginas iniciais do Sales Mart

As cinco home pages têm algumas coisas em comum e algo único. Vou mostrar os detalhes do primeiro e depois ver o que há de diferente nos outros.

Sales Mart Home Static

A página inicial principal é configurada por padrão. Inclui um cabeçalho global e uma imagem de fundo de largura total com um CTA em primeiro plano. O CTA inclui um botão para a página da loja.

CTAs para as várias categorias da loja mostram imagens com uma descrição e um link para a loja.

Os produtos recentes são exibidos em 4 colunas sobre um fundo marrom. O título inclui uma imagem que cria um sublinhado estilizado. Os cartões estilizados exibem os produtos WooCommerce. Sua lista de desejos adicionará o link da lista de desejos sob o link Adicionar ao carrinho.

Um cronômetro de contagem regressiva mostra um produto à venda com duas colunas. Uma imagem inclui uma borda estilizada.

Os produtos mais vendidos são exibidos em 3 colunas. Esta seção corresponde à seção de produtos recentes.

Um CTA de largura total exibe uma imagem de plano de fundo e coloca um botão de loja à esquerda.

Os CTAs de vendas mostram imagens em 2 colunas e incluem informações sobre a venda e links para a loja.

O controle deslizante de depoimento exibe uma imagem de fundo escuro com uma imagem circulada da pessoa com seu testemunho em primeiro plano. Eles incluem navegação com setas e pontos.

A seção de notícias parece com cartões de blog. É construído com imagens, sinopses e módulos de texto. Datas e categorias exibem ícones.

Os logotipos do cliente são exibidos em 5 colunas.

Sales Mart Home Parallax

A seção principal da página inicial da paralaxe exibe uma imagem de fundo da paralaxe. A próxima seção mostra uma imagem do produto com um botão para a página da loja.

As imagens das categorias de produtos são exibidas em um layout de várias colunas. Eles incluem títulos e links.

Um CTA de largura total mostra informações sobre uma venda e inclui um botão para a loja.

Formulário inicial do Sales Mart

A página inicial do formulário exibe um formulário de cotação na seção do herói. Todo o resto corresponde à página inicial estática.

Controle deslizante inicial do mercado de vendas

A página inicial do controle deslizante exibe um controle deslizante de largura total na seção do herói. Possui setas e navegação por pontos. Cada slide tem um título de categoria e um link para a loja. Também inclui o layout do produto com várias colunas da página inicial da paralaxe.

Sales Mart Home Video

A página inicial do vídeo exibe um vídeo de fundo na seção do herói. O primeiro plano mostra o título e o botão. Também inclui a segunda seção da página inicial da paralaxe.

Páginas e recursos da loja de temas infantis do Sales Mart Divi

O Sales Mart inclui todas as páginas esperadas do WooCommerce, como a página da loja, carrinho, checkout e conta. Ele também adiciona uma página de lista de desejos. Cada um é estilizado para combinar com o site. Vários incluem códigos de acesso para Bloom.

Yith Quickview

O plugin Yith Quickview adiciona um recurso de lightbox do produto. Clicar na visualização rápida de um produto abre uma caixa de luz com informações e um link para adicionar ao carrinho. Passar o mouse sobre a imagem aumenta o zoom no contêiner de imagem e rola com o mouse. Clicar na imagem abre em uma mesa de luz.

Lista de lojas do mercado de vendas

A lista da loja é a página da loja. Ele exibe o cabeçalho com breadcrumbs, produtos WooCommerce com estilo e a barra lateral com estilo. Eu precisava escolher a página e adicionar os widgets.

Página de produto do Sales Mart

A página do produto corresponde ao site e inclui produtos relacionados e a barra lateral do produto. Você também verá um link para adicionar o produto à sua lista de desejos ou uma nota de que está na sua lista de desejos.

Lista de desejos do Sales Mart

Isso mostra sua lista de desejos como uma tabela. Os marcadores e botões são estilizados para combinar com o site. Esta página também adiciona botões sociais para compartilhar sua lista de desejos nas redes sociais.

Páginas do Sales Mart sobre nós

A primeira página Sobre nós exibe uma pequena seção com informações de um lado e uma imagem do outro. Uma seção de largura total mostra uma imagem de um lado e contadores de números do outro lado. A seção da equipe mostra quatro membros da equipe com imagens, seus nomes e títulos. A página também inclui logotipos de clientes.

A segunda página Sobre nós inclui uma seção sobre por que nos escolher. Ele exibe um controle deslizante de um lado e sinopses com ícones do outro lado. Os contadores de números são colocados em quatro imagens. Os membros da equipe têm módulos de pessoa maiores com botões sociais. As imagens deslizam para baixo ao pairar. CTAs são criados com módulos de texto.

Páginas da equipe do Sales Mart

A primeira página Equipe exibe módulos pessoais estilizados com animações de foco. Estou pairando sobre o módulo à direita. A seção dois é uma seção de largura total com contadores de números.

A segunda página Equipe adiciona um estilo diferente para os módulos pessoais. Estou pairando sobre um para mostrar os botões sociais. Ele também adiciona uma seção com contadores de barra para habilidades e uma imagem.

Páginas de depoimento do Sales Mart

A primeira página de depoimento exibe o controle deslizante de depoimento e uma imagem. O controle deslizante corresponde à página inicial, mas é colocado em uma coluna menor.

A segunda página de depoimento exibe um tipo diferente de controle deslizante. Ele posiciona a imagem na parte superior do slide e sobrepõe o controle deslizante. Isso é feito com uma classe CSS.

A parte inferior da página exibe outro tipo de controle deslizante de depoimento sem uma imagem. Ambos são criados com um módulo deslizante padrão.

Página de perguntas frequentes do Sales Mart

A página de perguntas frequentes mostra acordeões de um lado e texto do outro. A exibição em layouts alternados e com planos de fundo cinza claro ou branco.

Páginas do blog do Sales Mart

Três layouts de blog diferentes e uma página de postagem estilizada estão incluídos.

Lista de blogs do Sales Mart

A página Lista de blogs exibe as postagens em uma única coluna com uma barra lateral. A página também inclui o cabeçalho com breadcrumbs. As postagens, o botão de entradas mais antigas e a barra lateral são estilizados para combinar com o site.

Página de grade de duas colunas do Sales Mart Blog

A página de grade de duas colunas coloca as postagens em duas colunas e não inclui a barra lateral.

Página de grade de três colunas do Sales Mart Blog

A grade de três colunas posiciona postagens em três colunas sem a barra lateral.

Postagens do blog do Sales Mart

As postagens do blog incluem um estilo que corresponde às páginas da lista do blog e inclui a barra lateral.

Página de contato do Sales Mart

A página Fale conosco exibe as informações de contato ao lado de um formulário. Na parte inferior da página, você encontrará um mapa de largura total para mostrar as direções para o local.

Adquirir Vendas Mart Divi Tema Infantil

Você pode comprar o tema infantil Sales Mart Divi no Divi Marketplace por $ 49. Inclui o uso ilimitado do site e um ano de atualizações e suporte.

Reflexões finais

Essa é a nossa visão do tema infantil Sales Mart Divi da PennyBlack Templates. As muitas páginas e recursos neste tema filho o tornam ideal para qualquer tipo de loja WooCommerce. Também é uma boa opção para blogs que desejam adicionar compras online. Existem algumas coisas para configurar após a instalação, mas não são difíceis. Os recursos extras funcionam muito bem e ajudam a loja a se destacar. Se você está procurando um tema infantil Divi com foco no WooCommerce, esta é uma boa escolha.

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

Imagem em destaque via Newgate666 / shutterstock.com