WooCommerce Builder para Divi: ¡La función tan esperada!

Actualizado el 26/10/2019 | Publicado el 13/09/2019 | 69 comentarios

1.233 palabras

5

Buenas noticias, por decirlo suavemente. ¡El Divi Builder ahora incluye la funcionalidad "WooCommerce Builder "!

¿Sabe qué significa esta importante actualización?

Además de los meses de trabajo para los desarrolladores de Elegantthemes, ¡los creadores de sitios de WordPress son los que estarán contentos!

A partir de hoy, puede tienen un control total sobre el diseño (diseño) de un producto de comercio electrónico utilizando WooCommerce y Divi.

Lea el artículo oficial de Nick Roach en el blog de Elegantthemes

Aviso: este artículo contiene enlaces de afiliación que reconocerá fácilmente. Los enlaces clásicos están en púrpura y los enlaces patrocinados están en rosa.

1 - Con el antiguo Divi Builder

Para su información, aquí es cómo se construyó un producto WooCommerce antes de la versión 3.29.x del tema Divi:

Divi Builder sans WooCommerce Builder
Construir un producto de comercio electrónico con el Divi Builder sin la funcionalidad de WooCommerce Builder

Como puedes ver en esta captura de pantalla - o como habrás notado tú mismo al crear tiendas online con Divi - el Divi Builder sólo funcionaba en la parte de la "descripción" del producto.

Esto fue bastante frustrante, ya que el resto de la disposición no se podía cambiar con el constructor.

Así que no podíamos añadir módulos Divi donde queríamos...

2 - Divi Builder con WooCommerce Builder

Esos días se acabaron.

A partir de ahora, te beneficiarás de 16 módulos adicionales de WooCommerce, disponibles directamente desde el Constructor Divi.

Pero la buena noticia es que puede actuar en cualquier parte de su ficha de producto.

Consulte este tutorial paso a paso sobre cómo crear una plantilla para su Fichas de productos de WooCommerce.

Puede añadir secciones, líneas y colocar los distintos módulos necesarios para construir el diseño del producto.

WooCommerce Builder pour construire une fiche produit
WooCommerce Builder para construir toda su ficha de producto

En esta captura de pantalla, he mostrado el Divi Builder en modo "cuadrícula" para que puedas ver dónde puede entrar el WooCommerce Builder .

Como puedes ver, ¡se puede utilizar en cualquier sitio!

Empezando con Divi, descubra todos los artículos ¡para empezar con tranquilidad!

3 - Los 16 módulos del WooCommerce Builder

Se han añadido16 nuevos módulos al 46 módulos ya presentes en Divi Builder (ver lista completa).

Descubrámoslos aquí:

Les modules du Divi Builder pour WooCommerce
Módulos de Divi Builder para WooCommerce
  1. Woo Añadir a la cesta
  2. Woo Breadcrumb
  3. Descripción de Woo
  4. Imágenes Woo
  5. Woo Información adicional
  6. Aviso de la cesta Woo
  7. Galería Woo
  8. Woo Meta
  9. Precio Woo
  10. Producto relacionado con Woo
  11. Woo Stock
  12. Woo Título
  13. Clasificación Woo
  14. Comentarios de Woo
  15. Woo Tabs
  16. Woo Upsell

3.1 - Woo Añadir a la cesta

Woo Add to Cart
Módulo Woo Add to Cart

Este módulo le permite añadir y personalizar completamente el botón "añadir al carrito".

Al insertar este botón y colocarlo donde quieras, puedes animar a los usuarios a actuar.

3.2 - Woo Breadcrumb

Woo Breadcrumbs
Módulo Woo Breadcrumbs

Esta es la rastro de migas de pan de su producto WooCommerce. Al mostrar la ruta, el usuario sabe en qué producto se encuentra y puede ascender rápidamente en las categorías de productos.

Puedes colocar este módulo en cualquier lugar de tu maqueta.

3.3 - Descripción de Woo

Woo Description
Descripción del módulo Woo

Una vez que haya introducido la descripción del producto (en el back office), podrá mostrarla en su maqueta en el lugar más adecuado.

3.4 - Imágenes Woo

Woo Image module
Módulo de imagen de Woo

Este módulo se utiliza para mostrar la imagen de su producto.

Tendrás muchas opciones para añadir un borde, transformar la imagen, redondear las esquinas, cambiar el color de la insignia promocional, añadir una animación, etc.

3,5 - Woo Información adicional

Woo Additional Info
Woo Información adicional

Este módulo le permite mostrar la sección de "información adicional". A menudo es en esta sección donde se encuentran las variaciones del producto.

3.6 - Aviso de la cesta Woo

Woo Cart Notice
Aviso de la cesta Woo

El módulo Woo Cart Notice le permite mostrar la notificación de "poner en el carrito". Puedes cambiar fácilmente los colores, el botón, etc.

3.7 - Galería Woo

Si utiliza varias imágenes para ilustrar su producto, el módulo Woo Gallery le permitirá mostrarlas.

3.8 - Woo Meta

Woo Meta
Módulo Woo Meta

El módulo Woo Meta muestra la información del producto vinculada a las "Metaetiquetas". En este caso, será la categoría asociada al producto.

3,9 - Precio Woo

Woo Price Module
Módulo de precios de Woo

Muestra y estiliza el precio de tu producto de forma rápida y sencilla con el módulo Woo Price.

3.10 - Producto relacionado con Woo

Woo Related Product
Producto relacionado con Woo

Este módulo permite mostrar otros productos relacionados en relación con el producto que se está viendo.

Basta con rellenar el campo "Venta cruzada de su ficha de producto de WooCommerce para ofrecer productos relacionados al usuario.

3.11 - Woo Stock

Este módulo se utiliza simplemente para mostrar el stock restante de su producto.

gestion des stock WooCommerce
Habilitar la gestión de stock de WooCommerce para mostrar el número de copias restantes.

Para ello, deberá activar la gestión de existencias e introducir el número de ejemplares que tiene en stock.

3.12 - Woo Title

Woo Title
Woo Título

Este módulo le permite mostrar el título de su ficha de producto.

Podrá elegir su etiqueta de título (H1, H2, H3, etc.), añadir un color de fondo, cambiar el tamaño de la fuente, añadir un enlace, cambiar el color del título, añadir una sombra/animación, etc.

3.13 - Valoración de Woo

activer les avis WooCommerce
Para utilizar el módulo de valoración de Woo, debe habilitar las revisiones de WooCommerce

Este módulo le permite mostrar el número de estrellas (clasificación por estrellas). Para ello, debes activar las reseñas desde tu página de WooCommerce.

3.14 - Comentarios de Woo

Woo Reviews
Comentarios de Woo

Con el módulo Woo Reviews, podrás mostrar las reseñas "de texto" que han dejado tus clientes.

3.15 - Woo Tabs

Woo Tabs
Woo Tabs

El módulo Woo Tabs permite mostrar la tabla de pestañas que contiene información adicional como la "descripción larga", las opiniones de los clientes o la información del producto.

3.16 - Woo Upsell

El módulo Woo Upsell le permite mostrar productos "upsell" para realizar ventas adicionales.

Woo Upsell

Primero tendrá que rellenar los productos de venta adicional cuando cree su ficha de producto.

¿Sabías que puedes probar Divi gratis? Ir a esta página y haga clic en "PRUEBA GRATUITA

4 - Divi WooCommerce Builder: ¿cómo funciona?

Es muy sencillo: los módulos de WooCommerce están integrados en el Divi Builder, por lo que funciona igual.

Para utilizarlos, su sitio debe tener el Plugin WooCommerce.

Usted crea sus fichas de producto desde el back office de su sitio, como siempre, desde la pestaña Productos > Añadir.

Una vez rellenados todos los campos necesarios (precio, descripción, imagen, etc.), puede guardar su ficha de producto y activar el Visual Builder.

En este punto puede comenzar el diseño/maquetación de la página de producto, añadir o eliminar módulos.

Cada módulo es totalmente personalizable y ofrece muchas opciones (colores, animaciones, tipografía, efectos, transformaciones, sombras, fondos, etc.).

5 - El WooCommerce Builder en acción (vídeo)

Nada mejor que un breve vídeo para entender mejor la potencia de esta nueva función "WooCommerce Builder":

6 - Ejemplos de diseño de fichas de producto

Con los nuevos módulos de WooCommerce de Divi Builder, ¡no hay límites para tu imaginación!

Ahora puedes crear los diseños más bonitos para los productos de tu tienda online, ¡los que se venden!

Aquí hay 4 inspiraciones de diseño-producto:

Mise en page produit avec Divi et WooCommerce Builder
Diseño de productos con Divi y WooCommerce Builder
Mise en page produit macaron
Diseño de productos: lleve su imaginación al límite
Mise en page produit sobre
Disposición original y sobria del producto
Layout Produit Divi
Construir un diseño de producto con el Constructor Divi

¿Necesitas más recursos sobre Divi? Visite el blog de ElegantThemes que está lleno de ideas y tutoriales.

layout WooCommerce Divi
WooCommerce Builder Divi
obtenir divi bouton
quizz divi bouton
newsletter bouton
formation divi bouton
guide divi pdf bouton
bouton support divi

Puede que a ti también te guste:

69 Commentaires

  1. Maxime

    Dingue cette nouvelle fonctionnalité !!

    Tu sais s’il est possible de modifier la mise en page du produit par défaut ?

    J’ai cherché, mais je n’ai pas trouvé…

  2. Lycia Diaz

    Salut Maxime !
    Oui, c’est fou !
    Tu entends quoi par « page du produit par défaut » ?
    Tu peux tout faire à présent. Et si tu veux obtenir une mise en page par défaut, il te suffit d’enregistrer une mise en page « type » dans ta bibliothèque Divi et de t’en servir à chaque fois que tu en as besoin.
    Tu vois ?

  3. Mackloug

    Merci pour cette présentation.

    Je ne comprends pas réellement comment on accède à la page d’un produit. J’ai bien une page « boutique » dans mes pages, mais aucune qui ne correspond à un produit.

    C’est quoi le truc que j’ai pas capté ?

    Merci

  4. Lycia Diaz

    Salut Mackloug ! Tu as une page boutique mais as-tu une vraie boutique en ligne avec WooCommerce ? Car si c’est le cas, tu trouves les produits à l’onglet Produits (en dessous l’onglet WooCommerce).

  5. Daniel

    Super travail réalisé qui va ravir tout le monde. Sais-tu si la page panier pourra un jour avoir un module à elle ?

    Merci

  6. Lycia Diaz

    Salut Daniel ! Bonne question…
    J’avoue ne pas avoir testé l’édition de cette page avec le Divi Builder. Il y a déjà un module « cart notice » et « add to cart » mais à mon avis, vu le temps qu’ils ont mis pour ajouter ces fonctionnalités, on a le temps avant qu’il y en ait d’autres ! Enfin, c’est mon avis 😉

  7. Maxime

    Salut Lycia,

    Par « mise en page du produit par défaut », j’entends par là une sorte de mise en page parente.

    C’est à dire qu’en modifiant cette mise en page par défaut, ça modifie la mise en page de tous les produits d’un coup.

    Je m’explique :

    En fait, j’utilise le plugin Divi BodyCommerce qui me permet – si je veux – d’avoir une mise en page spécifique pour chaque catégorie de produit.

    Par exemple, parmi mes différents produits, je vends des huiles essentielles.

    Je veux que mes huiles essentielles aient toutes la même mise en page.
    J’ai juste à changer les textes, les images et les infos du produit mais sinon la mise en page reste la même pour tous.

    Je sais que c’est possible de créer cette mise en page dans la bibliothèque Divi et l’utiliser à chaque fois que je rajoute une huile essentielle dans ma boutique.

    Seulement, si dans 3 mois je décide de changer la mise en page de mes huiles essentielles, il faudra que je reprenne chaque produit un par un… Ce qui est très long.
    Avec une mise en page par défaut, ça me permet de faire une seule modification qui s’applique à tous les produits.

    C’est possible avec Divi BodyCommerce mais je n’ai pas l’impression que c’est faisable sans lui… pour l’instant !

    Je ne sais pas si j’ai été très clair… 😅

  8. Lycia Diaz

    Salut Maxime !
    J’ai bien compris ce dont tu as besoin.
    En fait Divi permet de faire ce que tu recherches. Il te suffit de créer un layout par défaut mais dont les modules et les sections sont synchronisées. Il te suffit d’enregistrer chaque élément comme « élément global ». Ainsi, lorsque tu feras une modification, elle se chargera sur toutes les pages qui utilisent cet élément global.
    Si je ne suis pas très claire, demain matin sera publié un article dédié à cela. Je pense que c’est ce que tu recherches.

  9. David C.

    Maxime a raison…
    Il y a un gros manque des Builder (pas que Divi) sur ce problème.
    En effet, il est simple maintenant de modifier un élément (article, produit…) mais pas sa mise en page par défaut.
    Pourtant c’est « simple » à faire pour eux. Toutes les mises en page par défaut viennent des fichiers pages.php, single.php… qui se trouvent dans le dossier du thème (ou thème enfant). Élégant thème à d’ailleurs fait un article (il y a bien longtemps) sur comment créer une mise en page par défaut dans wordpress.

  10. Lycia Diaz

    Oui David, en effet.
    Tant que le Divi Builder ne proposera pas la fonctionnalité de « Theme Builder », on est obligé de passer par d’autres voies comme utiliser des mises en page contenant des éléments globaux, créer des catégories dans la bibliothèque Divi, coder un autre fichier page.php ou single.php afin de le sélectionner lors de l’édition etc…
    Mais je suis d’accord avec toi : qu’attend ElemgantThemes ?
    Ils ont pourtant les moyens et la main d’œuvre qualifiée pour mettre cela en place.
    Je me dis alors qu’il doit y avoir un « os » quelque part qui les empêche d’évoluer en ce sens. Ou alors des « accords » avec tout l’éco-système Divi (plugins tiers) qui pourrait s’effondrer lorsque Divi deviendra un Thème Builder à part entière ?

  11. David C.

    D’après l’article de DiviCommunity (désolé je n’ai pas trouvé la publication officiel d’ET), le « theme Builder » est prévu d’ici environ 3 semaines (courant octobre).
    Je l’attends avec impatience rien que pour customiser facilement les pages articles. Même si personnellement j’étais parti, avant d’avoir cette nouvelle, de le faire moi même.

  12. Lycia Diaz

    3 semaines !
    Je ne pensais pas si vite 😉
    J’ai hâte de voire ça moi aussi.

  13. Daniel

    Bonjour Lycia

    Le nouveau module « woo description » semble concaténer les informations sans aller à la ligne alors qu’en back office je fais du ligne à ligne.

    Le résultat n’est pas très beau de ce fait.

    Aurais-tu un remède ?

    Merci

  14. Lycia Diaz

    Salut Daniel,
    C’est bizarre, j’ai pas vu lors de mon test. J’ai pas d’idée comme ça, il faudrait que je vois ça de plus près.
    Sinon, tu as essayé de passer en version TEXTE (si cela est encore possible) et ajouter un caractère HTML pour aller à la ligne ?

  15. Denis

    Bonjour à tous,

    Intéressant ce nouveaux modules !

    Je rencontre un problème de traduction avec le module « Woo Reviews », en effet cela affiche :
    – Reviews
    – 2 reviews for …
    – add a review
    – Your rating
    – Your review

    Je ne trouve pas le .po pour traduire avec Poedit, est-ce que quelqu’un saurait où il se trouve ou avez-vous une autre solution pour traduire ces expressions ?

    Merci d’avance pour vos conseils.

  16. Munoz

    Bonjour,
    le module Woo reviews ne permets d’avoir du texte en français. Je n’arrive pas à changer « Add a review », »your rating » et « you review ».
    Est ce que vous savez comment faire ?
    Merci d’avance.

  17. Lycia Diaz

    Salut Munoz,
    Je n’ai pas encore eu l’occasion de créer une « vraie » fiche produit avec le WooCommerce Builder. Il faudrait regarder dans les options ? Sinon, le support de Divi devrait pouvoir vous répondre.

  18. Lycia Diaz

    Salut Denis.
    Apparemment tu n’es pas le seul à avoir remarqué ça. As-tu trouvé la solution depuis ? Peut-être voir avec le support de Divi ?

  19. Denis

    Salut Lycia,
    Non pour l’instant je n’ai malheureusement pas trouvé de solution 🙁

  20. Lycia Diaz

    Ah, je le mets dans ma to-do list…

  21. LC

    Merci beaucoup pour ces explications. Je peux effectivement tout modifier ou presque avec les 16 modules de Divi (et Woocommerce) mais je me rends compte que la page « boutique » n’est en elle-même pas modifiable. Il n’y a pas de Divi Builder actif sur la page boutique. Savez-vous pourquoi ?
    Ai-je loupé quelque chose ?
    Cela donne l’impression que la page boutique est créé d’office (depuis les produits créés) mais reste « fixe ».

  22. David C.

    Tu peux maintenant le faire avec la dernière version de Divi qui embarqué le thème Builder.
    Et ainsi customiser toutes les pages par defaut.

  23. Lycia Diaz

    Merci David, j’allais justement répondre à LC ! Il suffit de créer une template pour la page boutique (ou autre) à l’aide du nouveau thème builder. Explications ici : https://astucesdivi.com/divi-theme-builder/

  24. LC

    Merci ! Oui, je viens de voir qu’on peut désormais modifier (depuis hier) la page « boutique » de Woocommerce. Par contre, dès que je passe de la version générée par WC au DIVI builder tout disparait. Je ne sais pas comment récupérer l’ensemble des éléments. A moins que cela signifie qu’il faille tout reprendre le design de la page à 0 ? Intégrer les produits un par un dans un nouveau design ? Je ne comprends pas le lien avec l’idée de faire un template global (ou pas)
    Merci d’avance de votre éclaircissement

  25. Lycia Diaz

    Salut LC.
    Non surtout pas ! Tu n’as pas à resaisir toutes tes fiches produit.
    Tu dois créer une template de page pour ta page boutique depuis l’onglet Divi > Theme Builder. Ici tu insèreras tous les modules dont tu as besoin.
    Une fois que tu as créé le design de cette page, n’hésite pas à créer le design de tes fiches produit, depuis Divi > Theme Builder (encore). Tu crées un design global qui s’appliquera à toutes tes fiches produit et tu n’auras rien à réécrire car les module du WooCommerce Builder font appel à des contenus exitants.
    C’est un peu complexe à expliquer comme ça et j’envisage de proposer aux abonnés d’Astuces Divi un webinar sur le sujet. Mais je ne sais pas si beaucoup de monde pourrait être intéressé ?
    J’espère t’avoir aiguillé…

  26. LC

    Merci pour tes explications. Cela m’a aiguillé mais seulement en partie car j’ai plusieurs question. Entre autre le fait que je peux activer désormais le Divi Builder directement sur la page boutique, sans passer par le Theme Builder.
    Il me faudra par contre charger les modules produits et construire ma page avec.
    Je comprends que je peux passer par le Theme builder aussi, mais je ne saisis pas l’intérêt.
    En bref, si tu fais un Tuto spécial WC + Divi 4, ce serait effectivement super 🙂
    (Et mille mercis encore pour tes tuto sur ton site!)

  27. Lycia Diaz

    Salut LC ! Mais justement, le Thème Builder va te faire gagner un temps incroyable, tu n’as rien à faire avec le Visual Builder si ton site a déjà une boutique en ligne, tout se passe avec le Theme Builder : il fait appel à tout ce qui est existant.
    Je me lance dans la rédaction d’un tuto-guide : publication cette semaine. Stay Tuned !;-)

  28. MARINE ROUYER

    Hello ! Merci pour ce partage 🙂 j’ai une petite question, où trouves tu les démos et sont elles téléchargeables quelque part ?
    Belle continuation ! Marine

  29. LC

    Merci pour tout ! Je reste à l’affût 🙂

  30. Lycia Diaz

    J’ai commencé la rédaction mais la publication se fera peut-être en début de semaine prochaine car y’a un sacré boulot ! Donne moi quelques jours… 😉

  31. FALCO

    Bonjour tout le monde,
    Je me lance dans mon premier site woocommerce… !

    J’ai créer 2 produits dans ma boutique pour l’instant tout ce passe bien…
    Et la il y a un truc que je ne comprend pas : la page panier qui était pré créée est en texte je ne peux donc pas modifier les boutons … Avez vous une astuce pour que je puisse remédier à cela sans recréer la page?
    Par ailleurs, toujours avec mon panier j’ai deux fois la même page une fois avec écrit « panier » et la seconde fois avec l’icone caddie or je n’ai rien touché…

  32. Lycia Diaz

    Salut Falco,
    L’histoire de l’icône caddie, je ne sais pas trop…
    Par contre, la page panier pré-créée n’est pas modifiable ou du moins, pas ici. Tu dois passer par le Theme Builder pour construire ta page panier = lis ce tuto pour modifier la page boutique et fais la même chose pour ta page panier, sauf qu’au lieu de choisir le template de thème « boutique », tu choisis le template de thème « cart ».

  33. Denis GRANSART

    Bonjour, bon tuto.

    Pour ma part personnelle, je ne suis pas dépaysé par ces modules car j’utilisais jusqu’alors « Woo Layout Injector ». Mais maintenant cette évolution apporte un plus évident.

    Je voudrais toutefois vous poser une question. Lorsque j’utilise « Woo Related Product » sur la fiche produit, je souhaiterais masquer le bouton de mise au panier. Auriez-vous une manip pour celà.

    Par ailleurs, il y a une anomalie sur « Woo Upsell » qui ne fonctionne pas lors du click sur l’image; j’avais déjà le problème avec WLI, à moins que celà vienne de moi !!!!!!

    Merci « d’éclairer ma lanterne »

    Cordialement

  34. Lycia Diaz

    Salut Denis, merci pour ce retour… je ne me suis pas encore aperçu de cela… il faut que j’y jette un œil… peut-être qu’un lecteur avisé aura une solution ?

  35. Denis Gransart

    Bonjour Lycia, en fait j’ai trouvé la solution. Woo Layout Injector commençait à vieillir et à être de moins en moins performant avec Divi Builder. Il buguait même avec la nouvelle version, je l’ai donc supprimé et tout va bien maintenant.
    Sinon, le thème Builder est vraiment interressant à utiliser, il fait gagner beaucoup de temps. Il reste encore des points de détails à améliorer, mais c’est vraiment une bonne évolution du système.

  36. Lycia Diaz

    Merci pour ton retour Denis !
    Oui, un gros gain de temps. Pour être honnête, je m’attendais à pire et en fait, je suis fan !
    À bientôt
    Lycia

  37. AGIRWEB

    Bonjour et merci pour vos participations !

    J’ai vu que certain avait peut être la même question :

    J’ai créé une boutique avec des produits très complexes

    Woocommerce + DIVI BODY commerce + DIVI + Woocommerce custom product addons

    Ma question est pensez vous que cette nouvelle version va permettre de se passer de tout ça ? Et que vont devenir ces modules ? Vont ils tenir ? Les boutiques déjà produites vont elles devoir tout revoir, si les plugins et modules sont abandonnés ?

  38. Lycia Diaz

    Salut « Agir Web »,
    Alors, je n’ai jamais utilisé BodyCommerce et je ne sais pas si ses fonctionnalités font doublons avec ce que propose Divi à présent.
    Quand tu dis « si les modules sont abandonnés » : tu parles des plugins tiers ou de ceux de Divi ? Car ceux de Divi sont là et ne bougerons plus. Quant à ceux des plugins tiers, effectivement, cette nouveauté leur donne certainement quelques rides. Toutefois, je ne pense pas que des tas de boutiques qui utilisent BodyCommerce vont du jour au lendemain tout refaire avec le WooCommerce Builder, donc si les développeurs du plugin sont sérieux, il devrait être maintenu. Mais c’est certain que leurs ventes vont chuter…

  39. Laurent

    Bonjour,

    Merci pour cet article, et les autres également 🙂 qui sont très intéressante
    Je trouve cependant que le builder a ses limites, notamment sur les page panier et les pages suivantes pour aller jusqu’au paiement. En effet, mise à part changer la police, sa taille et couleur, nous ne pouvons pas faire grand chose. C’est dommage 🙁
    Pour personnaliser le reste, il faut passer, soit par des pluging tierce, soit aller mettre les mains dans le code.
    Pour avoir discuté avec Divi, pas de date de prévu pour implémenter cela.. je suis même pas sûr que ce soit sur leur todo 🙂
    En tout cas, merci pour vos articles

    Amicalement

  40. Lycia Diaz

    Merci Laurent…
    Mais c’est bizarre, il me semble que tout est possible avec le Theme Builder : on peut customiser la page panier (il me semble) mais uniquement via le thème builder.

  41. Laurent

    Lycia,
    J’ai essayé par le builder.. mais cart de checkout sont des shortcode woocommerce, donc à part jouer sur les textes tu es limités. Tu ne peux pas changer les emplacements, tu ne peux pas par exemple sur la page cart changer la taille des images, les couleurs ou le design des champs (vraiment de la partie cart). En tout cas avec les modules divi Woo j’ai pas réussi, même en utilisant de thème builder, qui lui va te permettre de gérer ta mise en page globale comme tu veux (tes couleurs tes images et tous le reste, mais tu va devoir placer le shortcode du cart et lui tu peux pas travailler dessus.
    En tout cas je n’ai pas trouvé 🙂 si tu trouve je suis preneur.
    En tout cas merci pour ton site 😉
    Bonne année 2020 à tous.
    Amicalament

  42. Jean Luc Ollivon

    bonjour,

    superbes démos, j’ai reproduit une de ces démo (woocommerce)sans problème, sauf le module WOO INFO SUPPLEMENTAIRE ou mes infos ne s’affichent pas !!!
    il s’agit d’un produit a variante dans lequel j’ai donné les infos de dimensions et de poids…mais pas d’affichage .

    merci de votre aide

  43. Lycia Diaz

    Bonjour Jean Luc. Il faudrait voir si cet affichage appartient à un module Woo ou à une particularité du produit variable. Je n’ai pas encore testé le produit variable mais si tu regardes cet article, tu trouveras quelques pistes et notamment l’utilisation du module « publier le contenu » qui affiche la longue description. Cela pourrait afficher aussi ce qu’il te manque (à tester) : https://astucesdivi.com/modele-fiche-produit-woocommerce/

  44. LC

    Bonjour Lycia,
    Je me retrouve avec un souci mais je ne retrouve pas la réponse.
    Sur ma page « commande » (checkout/ Validation de la commande avant le paiement) il est demandé l’adresse de facturation et j’ai mis la possibilité d’une adresse de livraison différente.
    Mais dans les champs proposé pour la livraison différente, il n’est pas proposé un champ « email » ni « téléphone » (alors qu’ils le sont pour la facturation).
    Sais-tu où se règlent ses champs sous Divi ? Peut-être que ça n’est pas réglable…?

    Je me demande si je pourrais éventuellement passer par la case intitulé « Notes de commande (facultatif) », mais je ne trouve plus (non plus) où se situe ce réglage dans Woocommerce, est-ce que tu saurais ? Si je trouve, peut-être pourrais-je y modifier le texte et y demander l’email + téléphone du destinataire.
    Merci par avance de tes réponses !

  45. Lycia Diaz

    Salut LC, non y’a pas d’option pour ça. Tu dois utiliser un plugin

  46. LC

    Merci de ta réponse.
    Mais donc on ne peut ni changer le texte du champ « Notes de commande (facultatif) » ni changer les champs obligatoires pour « expédier à une adresse différente » ?
    Je trouve ça un peu dingue…

    Tu évoques un plugin, le(squel(s) recommanderais-tu ?

  47. LC

    Merci beaucoup. Et problème résolu, grâce à toi, merci encore!
    Pour ceux que ça peut aider à l’avenir, j’ai utilisé ce plugin (à jour etc)
    « Flexible Checkout Fields for WooCommerce ». Au top, simple, gratuit (ce niveau) et ça m’a ajouter les champs que je voulais (email et portable)
    Merci !

  48. Lycia Diaz

    Super !

  49. Lawrence Banahan

    Bonjour Lycia,
    ces modules woo ne sont pas disponibles dans le Theme Divi?
    Uniquement dans le divi builder?
    Merci pour votre retour

  50. Lycia Diaz

    Bonjour Lawrence, ils sont disponibles dans le visual builder et dans le thème builder lorsque WooCommerce est installé

  51. Brice

    Bonjour Lydia,

    j’utilise le bouton « woo ajouter au panier » sur mes pages où je présente l’intégralité des produits d’une seul marque, ce qui permet d’ajouter au panier sans forcément accéder à la page produit. Cependant à chaque fois que l’on clique sur ce bouton « woo ajouter aux panier », le produit est bien ajouter au panier sauf que nous sommes rediriger à chaque fois sur la page du produit correspondant. Ce que je ne souhaite pas! Y a t’il une possibilité d’éviter cette redirection.
    ps: Je ne souhaite pas utiliser le module boutique qui propose cette fonction mais n’est pas assez modelable à mon goût.
    Merci

  52. Lycia Diaz

    Salut Brice, il faut que tu regardes du côté des extensions WooCommerce , ça doit exister

  53. Knit-n-roll

    Bonjour, j’ai profité du black friday pour acheter le thème Divi. J’utilise woocommerce depuis la création de mon site. Me pages produits étaient donc déjà construites. Est-il possible de modifier le layout de toutes mes fiches en même temps ?Merci

  54. Youssef

    Salut Lydia,

    ils ont pensé à tout ou presque, il manque le woo account et c’est vraiment dommages !

    Du coup je m’oriente vers un pack comme bodycommerce ou divi kingdom

    Lequel est le plus performant en terme de ressource et chargement du site ?
    Je ne veux pas d’un couteau suisse qui alourdit mon site !

    En connais-tu d’autres ?

    Belle journée
    Youssef

  55. Lycia Diaz

    Salut Youssef. Tu n’as pas besoin du module WooAccount. C’est quoi que tu veux faire ? Car le module Se connecter permet d’afficher un formulaire de connexion comme en bas de cette page https://la-webeuse.com/produit/wp-guide-ultime-nouvelle-edition/ (en vert).
    Si c’est ça que tu cherches, le module existe 😉
    Et pour répondre à ta question : je n’ai jamais essayé BodyCommerce. Je pense que ce type de plugin était utile avant l’apparition du thème builder. Maintenant, tu peux tout faire avec Divi. Regarde ma boutique sur mon blog La Webeuse. Tout y es construit avec le Thème Builder

  56. Scal

    Bonjour Lycia, bonjour à tous,
    J’ai monté une page Produit (avec le Thème Builder) spécifique à une catégorie.
    Je n’arrive pas à que les produits apparentés ( via le module Woo Produits Connexes) affichés sous la fiche du produit consulté soient de la même catégorie que le produit affiché. Laà ça me propose des produits toute catégorie confondues.
    Exemple : je consulte la fiche produit d’un pantalon, je souhaiterai avoir en dessous comme produits connexes que des pantalons, et là j’ai des pulls, des slips et tout ce qui est vendu en magasin !
    MErci

  57. Lycia Diaz

    Salut scal la solution est simple : tu vires le module produit connexe et tu mets un module boutique où tu affiches uniquement les produits de la catégorie en question

  58. sophie

    Bonjour Lycia et bonjour à tous
    J’ai créé une page produit avec le thème builder dans lequel j’utilise le module « woo produits connexes »
    Malheureusement je ne parviens pas à afficher les « produits suggérés » que j’ai au préalable renseigné dans ma fiche produit. Les produits qui s’affichent sont des produits qui appartiennent à la même catégorie…
    auriez-vous une solution ?

    merci !!!!

  59. Lycia Diaz

    Salut Sophie, normalement, si tu as bien renseigné dans la fiche produit les produits en relation, ça devrait les prendre en compte. Sinon, je ne vois pas d’où ça peut venir 😉

  60. Fanny CREGUT

    Bonjour,
    J’ai besoin d’insérer un champ personnalisé dans ma fiche produit. Il s’agit d’un texte rempli par le client qui doit être validé par un bouton. A ce jour, j’ai voulu intégrer un formulaire (Caldera) mais l’idéal serait un champ personnalisé dans la fiche produit afin que ce champ soit relié au produit lui-même et qu’il apparaisse dans le bon de commande. Est-il possible de faire cela avec Divi, si oui comment ? Je suis bloquée techniquement.
    Merci de votre retour.
    Bonne journée,
    Fanny

  61. Lycia Diaz

    Bonjour Fanny, j’imagine que c’est possible. Par contre, il ne faut plus utiliser Caldera car il prend fin et ne sera plus maintenu à partir du 1er janvier 2022.

  62. Fabien

    Bonjour Lycia et bonjour à tous
    J’ai créé une page produit variable (variation de couleur ) avec le thème builder et le module woo product images pour avoir les images qui ce change quand on choisis une variation, j’aimerais pouvoir avoir du coté gauche les image du produit qui prend la moitié de la page pour avoir une image en grand format et du coté droit le nom du produit, la description etc… et impossible d’afficher limage en grand sans la déformer ou sans que le responsive devienne n’importe quoi, vous avez une solution ? ou il faut forcement utiliser du CSS peut-être ?

  63. Lycia Diaz

    Certainement, il faudrait que j’ai le problème en face pour y répondre

  64. LC

    Bonjour ALicia
    Je sèche sur une question : comment peut-on faire pour créer une page qui n’afficherait que les produits en promo; ou encore que les produits nouveaux ? Je ne parviens pas à comprendre comment faire une telle page et quel critère sélectionner sur les produits pour que seulement ces critères s’affichent.
    Si tu as un tuyau ou un plugin, je suis preneur, merci encore!!

  65. Lycia Diaz

    Hello Lionel ! Oui tu peux utiliser le module « Boutique » et sélectionner uniquement les produits en promo. (J’ai un doute sur le nom du module, je suis pas devant l’ordinateur)

  66. LC

    Ah oui ! Rhoo, merci ! Je n’avais pas vu… ^^

Soumettre un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.