El tema infantil Divi Matcha Shop es un tema mínimo que te ayuda a concentrarte en vender tus productos. Incluye páginas de WooCommerce diseñadas para que coincidan 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.
Toda la instalación y configuración son manuales. Afortunadamente, esto no es difícil. Cualquiera con experiencia en 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 secundario como lo haría con cualquier tema de WordPress. En segundo lugar, activa el tema hijo. El tema hijo agrega la hoja de estilo CSS. Viene con los archivos para las opciones de tema, la configuración del personalizador y los diseños. Los archivos se nombran de acuerdo con el lugar donde se van a utilizar.
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 los widgets predeterminados de la barra lateral y el pie de página. En este ejemplo, estoy importando las opciones de tema en la pantalla Opciones de tema de Divi .
Todos los diseños se cargan con un solo 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 Divi Matcha Shop. Solo necesitarás agregar tu contenido.
Divi Matcha Shop Child Theme Pages
La página de demostración incluye imágenes e iconos. Por razones legales, las imágenes y los íconos 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 secundario). Esto es común, pero quería mencionarlo para que sepa por qué su sitio se ve diferente al de este artículo.
Divi Matcha Shop Child Theme Página de inicio
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 en la interfaz.
La página de inicio muestra un fondo de ancho completo con texto extra grande que gira en su lugar a medida que se carga la página. Una imagen se superpone a esta y a la siguiente sección. Se acerca a su lugar a medida que se carga la página. Me gusta cómo el enfoque está en el producto a lo largo de 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 iconos) con título, descripción y un enlace para leer más sobre cada uno. Estos proporcionan información sobre el producto. Las imágenes se deslizan en 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. Un testimonio aparece debajo del video. El fondo de color y los gráficos para el testimonio no están incluidos, pero dan una gran idea de cómo se puede usar 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 hacia arriba en 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 registro de boletín informativo de ancho completo con estilo seguido de una sección para logotipos. Estos son excelentes para clientes, certificaciones, marcas a 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 puede usarse para crear una página para cada producto si proporciona más de uno.
Página de beneficios
La página Beneficios muestra los beneficios del producto utilizando 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 Tienda agrega un módulo de 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 cuando pasa 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 estilos para que coincida con el sitio. Incluye un estilo verde para el precio, botón para agregar al carrito, categoría, calificaciones de estrellas en la sección de reseñas y el ícono flotante 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 compras 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 Niño Tema CSS
Todo el estilo se agrega a la hoja de estilo del tema secundario. 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 tengas 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 infantil 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 infantil Divi Matcha Shop de Paper Temple. Este es un tema infantil simple que se ve limpio y elegante. La simplicidad es una gran manera de centrarse 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 del producto con video. La página Acerca de hace un buen uso de las 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 infantil 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 infantil Divi Matcha Shop? Háganos saber lo que piensa al respecto en los comentarios.
Imagen destacada a través de Letters-Shmetters / shutterstock.com