Soporte » Diseño – Temas y plantillas » Plantilla para pasteleria con Woo-commerce

  • edugimeno

    (@edugimeno)


    Buenos días.
    Un amigo me pide ayudarle con una web para una pastelería. Ya tiene un wordpress instalado, sin nada subido ni personalizado, y tenemos que ponerle un woo-commerce para venta online.

    Lo primero que quiero elegir es el template para la web. Sus referencias de diseño son estas:
    Gucci
    Marcjacobs
    Karl

    Alguien tiene alguna propuesta de plantilla que os suene que encaje en este tipo de diseño sencillo y monotónico?

    Muchas de las plantillas que me gustan veo que requieren un montón de plugins adicionales. Especialmente muchas requieren WP Bakery / Visual Composer, que no sé por qué, me da la impresión que cargan mucho la web y la hacen más lenta.
    Estoy en lo cierto?

    Debería evitar estos plugins?

    Cierto es que las opciones visuales de WP Bakery son un «paradigma» de creación de contenidos, que facilitan mucho la creación de elementos muy atractivos en un instante, pero me parecen «una mole»

    1) Algún razonamiento a favor o en contra?
    2) Algún template apropiado que tengáis en mente para una pastelería??

    3) Otra pregunta, una template de WP debe ser «amistoso» con «woo-commerce» o todos van a ir bien?

    Muchas gracias

    La página con la que necesito ayuda: [accede para ver el enlace]

Viendo 15 respuestas - de la 1 a la 15 (de un total de 19)
  • martin_ar

    (@martinardanaz)

    Hola @edugimeno

    Has visto los temas que hay aquí para woocommerce.

    https://es.wordpress.org/themes/search/woocommerce/

    Aunque se supone que a cualquier tema le puedes añadir woocommerce.

    Con respecto a los Page Builder como WP Bakery hay pros y contras como con la mayoría de las cosas. Pero si tengo que elegir uno me quedo con Elementor, más libertad, versatilidad, rapidez, y mejor funcionamiento. Y si usara Elementor, un tema podría ser Hello, que lo han creado ellos mismos y está limpio como la patena para poder hacer, casi, lo que quieras. Elementor tiene una versión gratuita y Hello lo es.

    Espero que encuentres algo que te guste.

    Ya nos contarás cómo te ha ido.

    Por cierto, la dirección que has puesto de tu página http://(localhost,%20sorry) parece ser que está en local y así no podemos verla.

    Saludos

    edugimeno

    (@edugimeno)

    Hola Martin, muchas gracias por tu respuesta. me salió la respuesta de poner localhost (no sé si lo puse yo en otro post antiguo y me salió como sugerencia) porque no tengo la web aún visitable, no había nada que poner en URL, sólo tiene un wordpress tal cual sale del paquete

    Voy a mirar las opciones que me das. A priori no había mirado las templates ahí sino simplemente en google con «wordpress template pasteleria» o algo asi…

    Gracias de nuevo! Espero enseñaros la página cuando avance!

    Moderador Jose Luis

    (@jose64)

    Hola @edugimeno

    Con respecto a los temas, nosotros te podemos ayudar con los del repositorio, pero con temas de otras fuentes, por ejemplo de Theme Forest, no podemos ayudarte. Debes tener en cuenta eso, el soporte de los temas comerciales lo da su desarrollador. Nosotros no tenemos acceso a ellos y no podemos hacer pruebas.

    Otro detalle a tener en cuenta es su compatibilidad con WooCommerce, en general los temas del repositorio están probados adecuadamente, mientras que muchos comerciales hacen personalizaciones en las plantillas que algunas veces hacen que no sean compatibles con los estándares de WooCommerce.

    Cuando selecciones algo coméntalo y con gusto te ayudaremos.

    edugimeno

    (@edugimeno)

    Entendido, ahora estoy centrando mi búsqueda en esta web sólamente.
    El cliente busca algo minimalista y de tonalidades tenues.
    Por ahora la única que parece candidata es esta:
    ESFAHAN
    indica escplícitamente que es compatible con woo-commerce

    No sé si alguien tendrá algo más que aportar
    Gracias!

    Moderador Jose Luis

    (@jose64)

    Hola

    Parece ajustarse a lo que necesitas, instálalo con WooCommerce y haz la prueba, en cuanto a maquetadores, si puedes arreglarte con Gutenberg, pues mejor. Solo tienes que definir el diseño, ver si si necesitas algún bloque extra e instalarlo, así como algún bloque de mejoras como

    Gutenberg Page Building Toolkit – EditorsKit

    Si prefieres instalar otro maquetador, seleccionalo en base a tus necesidades, no en base a lo que te ofrezcan, ¿para que quieres tener 100 opciones si solo necesitas 5? Esto mismo se aplica a las colecciones de bloques, no instales por instalar, si no en base a tus necesidades, y procura aprovechar siempre las herramientas nativas.

    Si necesitas más ayuda con lo que vaya surgiendo durante el desarrollo abre debates nuevos con las consultas específicas.

    Si con esto te ayudamos en algo, pues coméntalo, suerte con tu proyecto y recuerda cerrar el debate marcándolo como resuelto cuando así lo consideres, de esta forma nos ayudas a mantener el foro al día.

    No conocía el kit, parece util.
    Ya está la web visitable, aunque «en bragas»
    https://www.confiteriaelalcazar.com/
    El principal problema que tengo con la mayoría de las plantillas es que los contendidos ocupan solo un % del ancho, me gustan las páginas que ocupan 100%, y siempre acabo resolviendolo tocando plantilla, no sé si me estoy perdiendo algo
    Si, cerraré el post cuando tenga clara la plantilla a usar, que era el objetivo

    Gracias!!

    Moderador Jose Luis

    (@jose64)

    Hola @edugimeno

    Te refieres a las secciones de ancho amplio (o boxed, con un margen lateral) y las de ancho completo (ocupan el 100% del ancho de pantalla).

    Si usas los bloque de Gutenberg tienes la opción de seleccionar ancho completa en casi todos, si algún bloque no tiene la opción de ancho completo puedes puedes incluirlo en un bloque de grupo que siempre tiene esa opción.

    Los bloques de grupo te permiten añadir secciones diferenciadas, por ejemplo con un fondo diferente, de forma que puedes alternar entre secciones de ancho completo y ancho amplio.

    Gracias José Luis, nunca había hecho un uso más que básico de los bloques de Gutenberg, y estoy mirando y ni mis bloques ni el contenedor de grupos, me dan opciones de ancho completo, será cuestión de la plantilla??
    El Grupo de Bloques solo me deja elegir colores, anchor, y css adicional.
    El bloque en cuestion que estoy tocando (es un incrustado de «WP carousel» no da ninguna opcion en absoluto en el panel de atributos
    Gracias!

    Moderador Jose Luis

    (@jose64)

    Hola @edugimeno

    Efectivamenet, acabo de instalarlo y el tema Esfahan no incluye la compatibilidad con el ancho completo de Gutenberg, yo personalmente te recomiendo que cambies de tema, ten en cuenta que en lo que respecta a los colores del tema en muchos de ellos puedes personalizarlos perfectamente con tu propia paleta.

    Por ejemplo, tienes el tema Chaplin de Anders Norén que creo que se puede adaptar a lo que necesitas y es compatible con WooCommerce

    Pues es «sorprendente» porque en su web (link) uno de los tags que mencionan es «full width»… Por eso, entre otras cosas, lo elegí.

    Si te digo la verdad, al final cuando uno trabaja un poco un plantilla la acaba cogiendo el gusto y cuando personalizas algo y te cuesta más deshacerte del trabajo
    He quitado bastante padding en varios elementos (no me gusta el desperdicio de espacio que traen muchas de serie), y por ahora, no a veo tan mal
    Ya sé que la teoría dice hacer un child theme pero cuando miré el «howto» me pareció algo complejo, estoy haciendo los cambios del css en el apartado de «CSS Adicional» de la configuración del template, eso esta demasiado mal??

    GRACIAS!

    Moderador Jose Luis

    (@jose64)

    Hola

    No hay problema con hacer las configuraciones en ese apartado, de hecho es perfectamente correcto, de todas formas, si quieres crear un tema hijo para trastear otras cosas puedes instalar el plugin

    Child Theme Configurator

    Ese plugin hace el análisis del tema y te crea un tema hijo directamente, solo tienes que mantener las opciones por defecto. Una vez creado el tema hijo desactivas y borras el plugin, no te vuelve a hacer falta.

    Usando el tema hijo tienes la ventaja de que puedes copiar plantillas del tema y hacer modificaciones en ellas sin que se pierdan con las actualizaciones.

    De todas formas, si puedes darle un vistazo a otro tema que te permita directamente el ancho completo en los bloques no es mala idea, ya verás que te abre muchas posibilidades, como por ejemplo crear agrupaciones de bloques de ancho completo con un fondo y elementos de ancho amplio. Eso es una ventaja cuando te consigues con pantallas extra anchas, en las que el contenido a ancho completo se hace incómodo.

    Ok pero con lo que estoy haciendo yo ahora, con CSS Adicional, cuando actualice WP o plantilla no pierdo personalizaciones?

    Al final me he liado a tocar la plantilla, y la he modificado para 100% width…no sé si con eso me habré cargado algo, la web va a ser sencilla y la probaré en todas las páginas y con todas las pantallas (movil/tablet) antes de darla por válida, pero por ahora ocupa pantalla completa.

    Me faltan aun todos los contenidos, solo tengo alguna foto de muestra, pero bueno, ando trasteando ya con la plantilla

    Muchas gracias de nuevo

    Moderador Jose Luis

    (@jose64)

    El CSS adicional se mantiene aunque se actualice el tema, pero las modificaciones que hagas en plantillas o añadiendo código en el archivo functions.php si se pierden con las actualizaciones, esa es la gran ventaja de un tema hijo, en cualquier momento puedes activar el padre y ves los cambios.

    Si añadiste código en el archivo functions.php del tema padre puedes pasarlo a un plugin de personalizaciones como Code Snippets

    Ok pues por ahora me mantengo usando el Css Adicional. Como tengo todas las personalizaciones por ahora ahí juntas, ya investigaré al final, si me quedo con esa plantilla, si muevo todo a un Child Theme o no.

    Hay cosas que no consigo sobreescribir, no sé por qué.
    Por ejemplo, el site-header, en el personalizador del tema solo me deja subir hasta 50px. He ido a sobreescribirlo con el CSS Adicional, poniendo:

    .site-title {
        font-size: 80px;
    }

    y no me lo cambia. Con el inspector de CSS de chrome veo que el mio me sale POR DEBAJO del origunal de 50px, con lo que el mio sale tachado. Es como si leyera el mio ANTES que el original, con lo que el original sobreescribe al mio en vez de alrevés

    Sin saber mucho de ello, he añadido IMPORTANT! al atributo, y no solo no cambia nada, sino que el inspector de CSS me da un warning de que no es válido…
    Alguna idea?

    Gracias!!!

    • Esta respuesta fue modificada hace 1 semana, 3 días por edugimeno.
    Moderador Jose Luis

    (@jose64)

    Hola.

    Estoy haciendo exactamenta lo mismo que tú y a mi me funciona correctamente, tanto el el inspector del navegador como añadiendo como CSS adicional en una instalación limpia con ese tema, así que algo estás haciendo mal:

    .site-title {
    	font-size: 80px !important;
    }
Viendo 15 respuestas - de la 1 a la 15 (de un total de 19)
  • Debes estar registrado para responder a este debate.