WooCommerce: cómo personalizar el tema de la tienda con unos pocos clics

Si su sitio web de WooCommerce se ejecuta en el tema Storefront (igual que Business Bloomer), entonces probablemente sepa que no viene con muchas opciones de personalización.

Para desarrolladores como yo, el tema Storefront es ideal: viene con muchos "ganchos", por lo que es fácil quitar, mover o agregar elementos de diseño dentro de unas pocas líneas de PHP.

Pero para aquellos que no desarrollan o no tienen intención de perder el tiempo resolviendo problemas de comas faltantes o peleando con clientes FTP, bueno, hay un complemento para eso. Y es desarrollado y mantenido por WooCommerce, por lo que no puede equivocarse con la compra y tiene la garantía de tener un software actualizado y en pleno funcionamiento a largo plazo.

Entonces, aquí hay una descripción general rápida de lo que hace el complemento. ¡Disfrutar!

Conozca el complemento Storefront Powerpack .

Una vez que instales el tema Storefront (también desarrollado y mantenido por WooCommerce) y compres Storefront Powerpack , verás inmediatamente una nueva sección en Panel de WordPress > Apariencia > Personalizar > “Powerpack” :

Al hacer clic en " Powerpack ", obtendrá la lista completa de funciones y elementos que puede personalizar:

Personaliza todo. Sin una sola línea de código.

Ahora vamos a echar un vistazo rápido a cada sección de “ Powerpack ”, para que pueda averiguar de inmediato si este es el producto adecuado para sus necesidades de personalización.

En detalle, y siguiendo el orden que se ve en la captura de pantalla anterior:

• Diseñador : una herramienta útil para personalizar el estilo de cualquier elemento. Puede hacer clic en el botón "Agregar un estilo", pasar el cursor sobre cualquier elemento individual en el sitio web en vivo y aplicar rápidamente Estilo de fuente, Familia de fuentes, Tamaño de fuente, Altura de línea, Espaciado entre letras, Color de texto, Margen, Relleno, Borde, Fondo sin escribir una sola línea de CSS.
• Diseño : puede hacer que el sitio tenga el ancho completo o enmarcarlo con un ancho máximo dado y darle un fondo al contenido. 3 clics y listo.
• Pago : con un solo clic puede habilitar el modo sin distracciones y eliminar elementos molestos innecesarios en la página más importante de su sitio web. También puedes jugar con el diseño y las opciones de varios pasos.
• Encabezado : esta es probablemente la función más utilizada, porque no todo el mundo necesita un menú de barra superior, una barra de búsqueda de encabezado y todos los elementos de encabezado predeterminados. Además, querrás reorganizarlos y decidir tus propios anchos. Todo es muy simple con funciones de arrastrar y soltar y cambiar el tamaño.
• Pie de página : habilite deshabilite la barra de íconos móviles, que se muestra de manera predeterminada en el tema Storefront gratuito.
• Página de inicio : el tema Storefront viene con una plantilla de "página de inicio" que puede aplicar a su página de inicio estática de WordPress. Si ese es el caso, entonces esta sección es útil para personalizar su contenido y las categorías de productos / destacados / cuadrículas de productos predeterminados en venta.
• Mensajes : en WooCommerce predeterminado, las notificaciones de error se muestran en rojo, el éxito en verde y la información en púrpura. Aquí puede diseñar sus colores y hacerlos consistentes con las pautas de su marca.
• Detalles del producto : cambie fácilmente los productos relacionados, las pestañas, la descripción y también configure el diseño de la página y el diseño de la galería.
• Tienda : de manera similar a "Detalles del producto", puede administrar todos los elementos relacionados con la tienda, como botones, precios, calificación, insignias de venta, imágenes, clasificación, alineación, etc.

Una demostración rápida.

Tu tiempo es dinero, así que no pasaré todo mi tiempo publicando capturas de pantalla y subtítulos. Le recomiendo que simplemente mire el siguiente video y vea si Storefront Powerpack es una buena opción para usted: