Descripción general del tema infantil de la tienda Divi Matcha

El tema hijo de Divi Matcha Shop es un tema mínimo que le ayuda a concentrarse en vender sus productos. Incluye páginas de WooCommerce diseñadas para que coincida con el tema secundario. También agrega páginas simplificadas como un blog, contacto y más. En este artículo, veremos el tema secundario de Divi Matcha Shop para ayudarlo a decidir si es la opción correcta para sus necesidades.

Instalación del tema secundario de Divi Matcha Shop

Toda la instalación y configuración son manuales. Afortunadamente, esto no es difícil. Cualquiera con experiencia Divi no tendrá problemas. El proceso de configuración fue fácil y solo tomó unos minutos. La información está incluida en la página de ventas.

En primer lugar, con Divi activado, cargue y active el tema hijo como lo haría con cualquier tema de WordPress. En segundo lugar, active el tema hijo. El tema hijo agrega la hoja de estilo CSS. Viene con los archivos para las opciones del tema, la configuración del personalizador y los diseños. Los archivos se nombran de acuerdo con el lugar donde se utilizarán.

Se incluye un archivo zip complementario con los archivos para importar. También incluye diseños para cargar en la Biblioteca Divi. En tercer lugar, ahora que su tema hijo está activado, deberá crear las páginas manualmente. Finalmente, también deberá crear el menú y eliminar la barra lateral y los widgets de pie de página predeterminados. En este ejemplo, estoy importando las opciones del tema en la pantalla Opciones del tema Divi.

Todos los diseños se cargan con un clic. Aquí están los diseños. Tiene diseños para 6 páginas. Deberá crear las páginas utilizando los diseños y luego crear su menú. Su sitio web se verá como la demostración del tema infantil de Divi Matcha Shop. Solo necesitará agregar su contenido.

Páginas temáticas infantiles de Divi Matcha Shop

La página de demostración incluye imágenes e iconos. Por razones legales, las imágenes y los iconos no se incluyen en los archivos de diseño (lo cual es comprensible). Debido a esto, estoy usando imágenes de la demostración (simplemente se ven mejor y dan una mejor idea de cómo usar el tema hijo). Esto es común, pero quería mencionarlo para que sepa por qué su sitio se ve diferente al de este artículo.

Página de inicio del tema infantil de la tienda Divi Matcha

La página de inicio incluye muchos módulos de texto, imágenes, botones, contadores de números, un módulo de video y un formulario de contacto. Aquí está la vista de estructura alámbrica. Echemos un vistazo a cada sección de la interfaz.

La página de inicio muestra un fondo de ancho completo con texto extra grande que gira a su lugar a medida que se carga la página. Una imagen se superpone a esta sección y a la siguiente. Se acerca a su lugar a medida que se carga la página. Me gusta cómo la atención se centra en el producto en toda la página de inicio.

La segunda sección muestra un fondo de ancho completo con conjuntos de información que funcionan como anuncios publicitarios. Incluyen imágenes (o íconos) con un título, una descripción y un enlace para leer más sobre cada uno. Estos proporcionan información sobre el producto. Las imágenes se deslizan a su lugar desde ambos lados de la pantalla.

La siguiente sección proporciona espacio para un video incrustado. El video se superpone a dos secciones. Aparece un testimonio debajo del video. El fondo de color y los gráficos del testimonio no están incluidos, pero dan una gran idea de cómo se puede utilizar el testimonio.

Se muestra un CTA de ancho completo sobre un fondo de paralaje. Los contadores de números proporcionan información. El texto de la CTA se desliza hasta su lugar y los contadores de números cuentan a medida que se desplaza a esta sección.

El pie de página muestra un formulario de suscripción al boletín informativo de ancho completo con estilo seguido de una sección para logotipos. Estos son excelentes para clientes, certificaciones, marcas con las que está afiliado o proporciona, etc. La imagen junto al formulario de contacto se desliza en su lugar a medida que se desplaza a esta sección.

Acerca de la página

La página Acerca de muestra una sección de título con un fondo de paralaje. También utiliza la información del producto y las secciones del logotipo de la página de inicio. Este diseño se puede utilizar para crear una página para cada producto si proporciona más de uno.

Página de beneficios

La página de Beneficios muestra los beneficios del producto usando la sección de videos y testimonios de la página de inicio. El video se superpone a la sección del héroe de paralaje. Este diseño se puede utilizar para crear una página para cada producto. También puede crear varias secciones para centrarse en cada beneficio.

Página de Blog

La página del Blog tiene un diseño limpio que muestra las publicaciones del blog en 3 columnas. Las tarjetas incluyen bordes, imágenes en la parte superior, un título, meta, extracto y un enlace con estilo para leer más. También incluye la sección de título de paralaje y logotipos para el pie de página.

Página de la tienda

La página de la tienda agrega un módulo de la tienda con 4 columnas. El título y el pie de página también se incluyen en esta página. Aparece un icono verde al pasar el cursor sobre la imagen de un producto.

Página del producto

La página del producto sigue el diseño estándar de WooCommerce e incluye un estilo para que coincida con el sitio. Incluye un estilo verde por el precio, el botón Agregar al carrito, la categoría, las calificaciones con estrellas en la sección de reseñas y el ícono de desplazamiento para los productos relacionados.

El carrito de compras y otras páginas de WooCommerce también incluyen un estilo verde. Este ejemplo muestra el carrito de la compra con el nombre del producto, el botón de cupón y el botón de pago en verde.

Pagina de contacto

La página de contacto también incluye el encabezado y el pie de página y agrega un formulario de contacto con estilo sobre una imagen de fondo.

Divi Matcha Shop Child Theme CSS

Todo el estilo se agrega a la hoja de estilo del tema hijo. Si está familiarizado con CSS, le resultará fácil personalizar los colores en la hoja de estilo. Afortunadamente, no tiene que profundizar en los archivos del tema para realizar los cambios de CSS.

El CSS también se agrega a las opciones del tema Divi. Alternativamente, puede realizar los cambios aquí en la opción de tema. Esto evita que tenga que cambiar los archivos del tema hijo. El CSS agregado aquí tiene prioridad sobre el CSS agregado a la hoja de estilo.

Dónde comprar

El tema secundario de Divi Matcha Shop está disponible en Divi Marketplace por $ 29. Incluye uso ilimitado y un año de soporte y actualizaciones.

Pensamientos finales

Ese es nuestro vistazo al tema secundario de la tienda Divi Matcha de Paper Temple. Este es un tema secundario simple que se ve limpio y elegante. La simplicidad es una excelente manera de enfocarse en los productos. Me gusta especialmente el diseño de la página de inicio. La página de beneficios es una excelente manera de proporcionar información sobre el producto con video. La página Acerca de hace un buen uso de tarjetas de estilo publicitario para ayudar al comprador a comprender más sobre los productos y procesos. En conclusión, si está buscando un tema secundario Divi de comercio electrónico que sea simple y fácil de usar, vale la pena echarle un vistazo a Divi Matcha Shop.

Queremos escuchar de ti. ¿Has probado el tema hijo de Divi Matcha Shop? Háganos saber lo que piensa al respecto en los comentarios.

Imagen destacada a través de Letters-Shmetters / shutterstock.com