article blog https://renduweb.com/ fr Création d'un produit configurable https://renduweb.com/Blog/Magento/creation-dun-produit-configurable <span>Création d&#039;un produit configurable</span> <div class="field field--name-body field--type-text-with-summary field--label-hidden field--item"><ol><li>Qu'est-ce qu'un produit configurable ?</li> <li>Première étape : Création du produit configurable et sélection de ses attributs</li> <li>Seconde étape : Configuration du shéma général qui sera affecté à chaque produit simple</li> <li>Troisième étape : Création des produits simples</li> </ol><h2 class="fondbarre">Qu'est-ce qu'un produit configurable ?</h2> <p>La création de produits configurables est un point essentiel à maîtriser dans Magento. Elle peut paraître complexe au début mais facilite extrèmement la vie par la suite.</p> <p>Elle va en effet permettre de créer de nombreux produits simples en un temps record, et de gérer les stocks qui leurs sont propres. De plus, lorsqu'un visiteur sélectionnera votre produit configurable, apparaîtra un menu déroulant permettant de sélectionner par exemple sa couleur ou sa taille. Cette technique est bien plus efficace que celle du paramétrage des options d'un produit, qui ne vous permettront pas de gérer le stock, ni de proposer de visuel spécifique à chaque variante de produit. Enfin et surtout, il vous permettra d'appliquer des modifications à l'ensemble des produits simples qui auront été créés de cette manière, sans être obligé de modifier chaque produit un par un. Non seulement cela représente un gain de temps inestimable, mais cela évite aussi d'oublier de remplir certains champs ou de commettre des erreurs qu'il sera difficile de contrôler individuellement si vous avez un grand nombre de références.</p> <p>Notez bien qu'un produit configurable n'existe en fait pas réellement dans votre stock. C'est un shéma de base permettant la construction rapide ainsi que la modification massive d'un nombre illimité de produits simples qui seront créés à partir de ce dernier.</p> <p>On utilisera cette méthode dès que l'on devra créer des produits qui possèdent par exemple des tailles ou des couleurs différentes dont les stocks sont indépendants les uns des autres, et/ou possédant des visuels différents. Sinon, la création d'un produit simple avec option peut suffire. Il sera parfois judicieux d'associer les deux méthodes (configurable + option : exemple : possibilité de prendre un lot de 5 ou 10 produits de même nature, dépendant du même stock, mais de coloris différents. On choisira alors un attribut couleur associé à une option "lot de 5" ou "lot de 10") afin de limiter la création inutile de produits simples en doublons.</p> <p>Nous allons donc aborder dans cet article un exemple permettant de créer des produits simples à partir d'un produit configurable en fonction de leur couleur.</p> <p>Avant de débuter et de créer notre produit configurable, il faudra bien entendu au préalable avoir créé un attribut "couleur" avec toutes les valeurs que nous souhaitons lui donner comme : blanc, vert, bleu, etc. Vous retrouverez l'ensemble de la méthode pour créer un attribut et lui affecter des valeurs dans <a href="/magento/les-attributs">l'article sur les attributs</a>.</p> <p>Notez aussi que la création d'un produit configurable peut prendre un certain temps et que des erreurs peuvent toujours être commises, entrainant une déconnection ou une perte de votre page, alors n'oubliez pas de fréquemment cliquer sur le bouton "Sauvegarder et continuer l'édition".</p> <h2 class="fondbarre">ETAPE 1 : Création du produit configurable et sélection de ses attributs</h2> <p>Dans le menu principal, allez dans l'onglet "Catalogue" et cliquez sur "Gérer les produits"</p> <p style="text-align: center;"><img alt="capture d'écran Magento" src="/sites/default/files/pictures/tutos/mage-pdt-conf-cap1.jpg" style="width: 600px; height: 248px;" /></p> <p>Puis cliquez sur "Ajouter un produit". Une nouvelle page s'ouvre vous permettant de choisir les jeux d'attributs correspondants à votre produit ainsi que le type de produit que vous souhaitez créer. Sélectionnez donc le jeu d'attributs que vous avez créé dans le menu déroulant "Ensemble d'attributs", ainsi que "produit configurable" dans le menu déroulant "Type de produit", comme suit :</p> <p style="text-align: center;"><img alt="capture d'écran Magento" src="/sites/default/files/pictures/tutos/mage-pdt-conf-cap2.jpg" style="width: 600px; height: 230px;" /></p> <p>Cliquez sur "Continuer". La page qui s'ouvre alors permet de sélectionner les attributs qui vont nous permettre de créer nos produits simples à partir de notre produit configurable. Dans cet exemple, nous nous contenterons de créer des produits simples dont la couleur est différente. Nous ne sélectionnerons donc que l'attribut "couleur". Il est bien sûr possible de choisir autant d'attributs que l'on souhaite. Si vous avez par exemple des produits cumulant une taille et une couleur différente, vous cocherez la case "couleur" ainsi que la case "taille".</p> <p style="text-align: center;"><img alt="capture d'écran Magento" src="/sites/default/files/pictures/tutos/mage-pdt-conf-cap3.jpg" style="width: 600px; height: 246px;" /></p> <p>Cliquez sur "Continuer".</p> <h2 class="fondbarre">ETAPE 2 : Configuration du shéma général qui sera affecté à chaque produit simple</h2> <p>La page qui s'ouvre désormais va vous permettre de configurer précisément tout ce qui pourra être pré-rempli lors de la création de vos produits simples. Il est donc impératif de n'oublier aucune étape afin de faciliter la rapidité de création de vos produits simples.</p> <p>Seuls les champs possédant des asterix sont à renseigner obligatoirement.</p> <p>Note: cette page réunit en fait tous les attibuts qui sont enregistrés dans votre jeu d'attributs. Vous retrouverez donc tous les attributs que vous avez créé manuellement (à l'exeption des attributs que vous avez sélectionné dans l'étape 1, puisqu'ils interviendront plus tard dans la création de vos produits simples), dans l'onglet général ainsi que d'autres informations liées à l'aspect général de votre produit. Tous les autres attributs par défaut qui existent dans votre jeu d'attibut se trouvent dans le menu situé sur la gauche ( prix, meta information, images, etc.). Cette explication peut sembler un peu complexe mais recèle un intérêt majeur. En effet, imaginons que vous souhaitiez créer un nombre x de produits simples possédant des coloris différents mais qui n'existent que dans un seule taille, c'est ici que vous pourrez directement le déclarer. Lors de la création de vos produits simples, vous n'aurez donc plus à vous occuper de cet attribut.</p> <p>Nous allons désormais détailler chaque onglet à renseigner :</p> <ul><li>Onglet "Général":</li> </ul><p style="text-align: center;"><img alt="capture d'écran Magento" src="/sites/default/files/pictures/tutos/mage-pdt-conf-cap4.jpg" style="width: 600px; height: 499px;" /></p> <p>1. Renseignez le nom du produit, sa description, ainsi que la description courte.</p> <p>2. UGS ou Unité de Gestion de Stock : vous permet de créer automatiquement vos références produits qui possèderont alors un identifiant unique. Par exemple, si vous choisissez "truc", et vous créez des produits "trucs" blancs, verts et jaunes, avec des valeurs d'attributs "blanc", "vert" et "jaune", lors de l'envoi de facture et de commande, apparaîtront la référence "truc-blanc", "truc-vert" ou "truc-jaune". Il est donc important de bien choisir l'UGS afin de faciliter par la suite la lecture des commandes ainsi que la gestion des stocks.</p> <p>3. Attributs créés manuellement: ici, comme expliqué précédemment, cochez une case si vos produits simples doivent tous partager une valeur commune d'un des attributs que vos avez créés dans votre jeu d'attribut.</p> <p>4. "Set product as new from date to date" : sélectionnez dans ces menus déroulants si vous souhaitez que votre produit apparaisse comme un produit nouveau et de quelle date à quelle date. Si vous ne désirez pas qu'il apparaisse comme un produit nouvellement créé ne renseignez rien.</p> <p>5. "Statut": mettez le sur activé, sinon aucun de vos produits n'apparaîtront ni votre produit configurable.</p> <p>6. "Clé de l'url" :  ne remplissez rien si vous souhaitez que Magento créée automatiquement les url de vos produits à partir de leurs noms, sinon spécifiez l'url que vous désirez voir apparaître lors de la sélection de vos produits.</p> <p>7."Visibilité" : ici, vous avez la possibilité de choisir où pourra être visible votre produit. Dans le cadre d'un produit configurable, il est conseillé de choisir "Catalogue,Recherche". Ainsi, quelle que soit la méthode, on tombera toujours sur votre produit configurable. Néanmoins, si votre choix est de faire apparaître tous les produits simples créés à partir de votre produit configurable, saisissez "pas visible individuellement", et lors de la création de vos produits simples vous leur appliquerez la valeur "catalogue et recherche".</p> <p>8. "Country of manufacture": ce champ n'est pas obligatoire dans Magento, mais la législation concernant vos produits peut vous imposer d'indiquer le lieu de production.</p> <ul><li>Onglet "Prices"</li> </ul><p style="text-align: center;"><img alt="capture d'écran Magento" src="/sites/default/files/pictures/tutos/mage-pdt-conf-cap5.jpg" style="width: 600px; height: 351px;" /></p> <p>Indiquez le prix ainsi que la classe d'impôt à la qu'elle le produit est soumis (ex : TVA). Vous retrouverez l'ensemble des précisions concernant la gestion des prix dans l'article "Bien gérer ses prix produits". Pour la classe d'impôt, si vous ne l'avez pas encore définie, la démarche est expliquée dans l'article "Configuration générale de Magento".</p> <p>Retenez simplement que la méthode est toujours la même, on ne renseigne que ce qui sera commun à l'ensemble ou a une majorité des produits simples que l'on créra à partir de notre produit configurable.</p> <ul><li>Onglet "Meta information"</li> </ul><p> </p> <p>Ici, ne perdez pas trop de temps à renseigner les blaises meta qui ne sont plus guère valorisées dans le référencement par les moteurs de recherche. Vous pouvez néanmoins toujours renseigner la balise meta-description qui sert à indiquer ce que l'on lira lors d'une recherche sur le web ou lorsqu'un lien apparaît avec votre page produit. Cette description ne doit pas excéder 255 charactères. Certains navigateurs les préfèrent plus courtes. Idéalement 155 charactères suffisent et permettent de mettre toute l'information sur les deux lignes affichées par google par exemple.</p> <ul><li>Onglet "Images"</li> </ul><p>Chargez ici l'image ou les images qui correspondront à votre produit générique. Nous verrons plus tard comment intégrer les images produits en fonction de leur attribut. Cochez les cases "base image" "small image" et "thumbnail" afin qu'elle soit visible partout.</p> <p>Vous trouverez plus d'informations dans l'article "Gestion des images produits"</p> <p> </p> <ul><li>Onglet "Design"</li> </ul><p>Uniquement si vous souhaitez attribuer un design particulier à ce type de produit. Plus de détails dans l'article "Gérez votre design". Généralement pas besoin de toucher à cette option.</p> <p>Onglet "Option de cadeau"</p> <p>si vous souhaitez proposer une option cadeau : emballage...</p> <ul><li>Onglet "Inventaire"</li> </ul><p style="text-align: center;"><img alt="capture d'écran Magento" src="/sites/default/files/pictures/tutos/mage-pdt-conf-cap6.jpg" style="width: 600px; height: 197px;" /></p> <p>TRES IMPORTANT : en premier lieu, indiquez si oui ou non vous souhaitez gérér le stock. Ensuite, indiquez si vous souhaitez qu'apparaisse au front-office la quanitité  de vos produits en stock. Enfin, n'oubliez surtout pas d'indiquer, dans le menu déroulant "Disponibilité du stock", que votre produit est en stock, sans quoi il n'apparaîtra pas!</p> <ul><li>Onglet "Catégories"</li> </ul><p>ici, cochez les cases correspondant aux catégories dans lesquelles vous souhaitez voir apparaître votre produit configurable. Pour en savoir plus sur les catégories, consultez l'article "Gérez vos catégories produits".</p> <ul><li>Onglets "Produits apparentés", "Ventes additionnelles" et "Ventes liées"</li> </ul><p>Ces trois options permettent d'augmenter le panier moyen du visiteur. Vous trouverez plus de précision dans l'article "Comment augmenter le panier moyen"</p> <p>Lors de la création des premiers produits, vous ne pouvez pas sélectionner de produits à mettre en relation puisqu'ils n'existent pas encore. Vous pourrez donc revenir plus tard à cette étape.</p> <ul><li>Onglet "Avis sur le produit" "Etiquette des produits" et "Les acheteurs ont étiqueté le produit"</li> </ul><p>N'a pas vraiment d'intérêt à la création du produit. Néanmoins, par la suite, si vous avez autorisé les avis ou étiquettes sur vos produits c'est ici que vous pourrez gérer les commentaires, les modérer à votre convenance en les classant ou en les supprimant.</p> <ul><li>Onglet "Personnaliser les options"</li> </ul><p>Cet onglet vous permet de proposer des options liées à l'achat de vos produits qu'elles soient gratuites ou payantes, obligatoires ou facultatives.</p> <p>exemple : proposer d'ajouter un petit mot avec un champ de texte limité à x charactères, de broder des initiales sur un vêtement, etc...</p> <p> </p> <h2 class="fondbarre">ETAPE 3 : Création des produits simples</h2> <p>Enfin, dans l'onglet "Produits associés" vous allez pouvoir créer les produits simples associés à votre produit configurable.</p> <p>Notez que le premier onglet n'est pas souvent utilisé. C'est l'onglet "Création de produits rapide et simple" qui nous intéressera le plus.</p> <p>Dans l'onglet "Créer des produits simples associés" : vous avez en fait la possibilité de créer un produit en reprenant l'ensemble de la fiche produit soit à partir de zéro (bouton "Créer vide") soit depuis une copie de la configuration de la fiche produit de votre produit configurable (bouton "Copier depuis configurable"). C'est une méthode pour copier les informations d'un produit configurable vers un produit simple sans que ces derniers ne soient associés. Cela peut vous permettre par exemple de créer un produit simple à partir du configurable dont le prix sera différent de tous les autres produits associés. En effet, lorsque l'on agit sur la configuration d'un produit configurable, c'est l'ensemble des produits associés qui vont être affectés. Individuellement il n'est pas possible de modifier par exemple le prix d'un produit simple associé créé par la méthode rapide (ou quel que soit le champ renseigné dans la construction du produit configurable!). En ce qui concerne le prix, il existe néanmoins une méthode pour augmenter le prix d'un produit associé en particulier, comme nous le verrons par la suite.</p> <p>C'est donc dans l'onglet "Création de produits rapide et simple" que vous allez agir le plus souvent.</p> <p style="text-align: center;"><img alt="capture d'écran Magento" src="/sites/default/files/pictures/tutos/mage-pdt-conf-cap7.jpg" style="width: 544px; height: 339px;" /></p> <p>Vous avez ici la possibilité de modifier le nom et l'UGS. Pour se faire, le cas échéant, il faut d'abord décocher la case se trouvant à droite puis apporter les modifications que vous voulez. Sinon, les noms et UGS seront générés automatiquement. C'est ce qu'on utilisera le plus souvent.</p> <p>Le poids doit être indiqué en décimale avec un point. Ici, Magento est configuré pour comprendre le poids à partir de l'étalon kilo, ce qui signifie que 0.2 représente 200 grammes. Le poids n'est défini qu'à cette étape parcequ'il peut être différent d'un produit à l'autre en fonction de son attribut. Par exemple un tee-shirt manches-longues sera plus lourd qu'un tee-shirt manches-courtes.</p> <p>Contrôlez que le statut est sur "Activé", afin que le produit soit visible sur la fiche produit de votre produit configurable.</p> <p>Pour la visibilité, choisisssez si vous souhaitez que votre produit soit visible dans le catague, dans la recherche, les deux, ou qu'il ne soit pas visible individuellement. Dans cet exemple, on souhaite que dans notre catégorie apparaisse un produit à partir duquel on pourra choisir la couleur. On ne veut pas que lorsqu'on ouvre la catégorie apparaissent l'ensemble des produits simples avec leur vignette afin de ne pas surcharger la page inutilement. On choisira donc de ne pas les afficher individuellement.</p> <p>Déterminez maintenant la couleur qui correspondra à votre produit à l'aide du menu déroulant. A cette étape, vous remarquerez qu'après avoir sélectionné la valeur de votre attribut, une case "prix" apparaît ainsi qu'un menu déroulant avec les valeurs "Fixé" et "Pourcentage". Ainsi vous pouvez indiquer que le prix de ce produit est par exemple supérieur de 2€ à votre prix de produit configurable avec la valeur "fixé" ou de 2% en mettant 2 avec la valeur "Pourcentage".</p> <p>Enfin, indiquez le nombre d'unité en stock, et bien sûr rendez le disponible en stock.</p> <p>Cliquez sur "Création rapide" et vous allez voir votre produit simple nouvellement créé apparaître dans la liste située en bas de page. Vous noterez que l'UGS aura été construite automatiquement à partir de l'UGS du produit configurable et de la valeur de l'attribut qui a permis sa construction. Créez autant de produit que souhaité.</p> <p style="text-align: center;"><img alt="capture d'écran Magento" src="/sites/default/files/pictures/tutos/mage-pdt-conf-cap8.jpg" style="width: 600px; height: 219px;" /></p> <p style="text-align: justify;">Vous noterez qu'au dessus de cette liste se situe la configuration des attributs "super produit". C'est ici, si vous le souhaitez que vous pourrez rapidement et simplement modifier le prix de chaque produit en lui indiquant une valeur supérieure. Il n'est pas possible ici d'indiquer une valeur de réduction du tarif. Pour ce faire, il faudra jouer sur le tarif global du produit configurable et modifier ensuite le prix des autres produits. Cela n'est pas forcément judicieux. Il est souvent conseillé de créer un nouveau produit simple que l'on distinguera du produit configurable comme abordé précédemment ("copier depuis produit configurable"). Cela permettra de mettre en avant votre promotion. D'autre part, la méthode d'action sur le "super-produit" imposera l'affichage d'une valeur de type "+5€" par exemple sur la fiche produit vue par le visiteur ce qui n'est pas forcément bon en terme de communication. Nous n'utiliserons donc pas cette méthode pour une réduction de tarif, car elle complique finalement la fixation des prix et la rend peu attractive commercialement. A contrario, dans le cadre du prix fixé pour l'adjonction d'un attribut (exemple : tee-shirt avec manche longue), cela permet rapidement de revenir et de modifier le prix de cet attribut pour tous nos produits simples en quelques clics.</p> <p style="text-align: center;"><img alt="capture d'écran Magento" src="/sites/default/files/pictures/tutos/mage-pdt-conf-cap9.jpg" style="width: 821px; height: 257px;" /></p> <p>Il ne reste plus qu'à fournir une image correspondant à la couleur de notre produit si vous souhaitez que le visiteur puisse voir les différents coloris en navigant dans le menu déroulant lui indiquant les couleurs à choisir.</p> <p>Pour cela cliquez sur le lien "éditer" situé à droite sur la ligne correspondant à votre produit simple, puis dans l'onglet "Images", chargez et sélectionnez l'image correspondant à votre produit.</p> <p style="text-align: center;"><img alt="capture d'écran Magento" src="/sites/default/files/pictures/tutos/mage-pdt-conf-cap10.jpg" style="width: 600px; height: 274px;" /></p> <p>Cliquez sur "Sauvegarder" puis sur "Fermer la fenêtre" et le tour est joué.</p> <p>Voyons maintenant le résultat obtenu sur notre front-end :</p> <p style="text-align: justify;">1. Allez dans votre catégorie où se trouve votre produit.Nous retrouvons bien toutes les informations concernant notre produit, à savoir : son prix, les différents coloris possibles avec un visuel générique de notre produit configurable.</p> <p style="text-align: center;"><img alt="capture d'écran Magento" src="/sites/default/files/pictures/tutos/mage-pdt-conf-cap11_0.jpg" style="width: 600px; height: 210px;" /></p> <p>Notez qu'ici, nous n'avons pas encore apporté de visuel pour les vignettes proposant les différents coloris. Les étiquettes apparaissent donc sous forme de bouton avec en texte le nom de la valeur de notre attribut. Pour y voir des images, il faudra paramétrer le module SWATCH.</p> <p>Cliquez maintenant sur "AFFICHER DETAILS" ou "En savoir plus" afin d'ouvrir la fiche produit.</p> <p>2. Nous avons à nouveau notre image générique.  Cliquez alors sur un des coloris afin d'afficher votre image produit spécifique.</p> <p style="text-align: center;"><img alt="capture d'écran Magento" src="/sites/default/files/pictures/tutos/mage-pdt-conf-cap12_0.jpg" style="width: 600px; height: 366px;" /></p> <p>Vous remarquerez que le champ couleur est obligatoire. Ainsi il n'est pas possible de mettre au panier le produit configurable. Seul un produit simple peut être sélectionné.</p> <p>Vous noterez aussi que dans "PLUS DE VUES", seule apparaît l'image du produit configurable, mais aucune des images des produits simples. Si vous souhaitez y voir apparaître les images des produits simples, c'est dans la fiche du produit configurable qu'il faudra les ajouter. De même, si vous voulez que ces visuels soient associés à leur attribut couleur, il faudra les nommer d'une manière bien spécifique pour que le module SWATCH puisse les identifier.</p> <p>3. Ajoutons désormais notre produit au panier pour une dernière vérification et nous retrouvons bien notre produit avec sa couleur.</p> <p style="text-align: center;"><img alt="capture d'écran Magento" src="/sites/default/files/pictures/tutos/mage-pdt-conf-cap13.jpg" style="width: 600px; height: 351px;" /></p> </div> <span><span lang="" about="/users/bertrand" typeof="schema:Person" property="schema:name" datatype="">Bertrand</span></span> <span><time datetime="2015-01-21T12:03:55+01:00" title="Mercredi 21 janvier 2015 - 12:03">mer 21/01/2015 - 12:03</time> </span> <div class="field field--name-field-tags field--type-entity-reference field--label-above"> <div class="field--label">Tags</div> <div class="field--items"> <div class="field--item"><a href="/tags/tuto-magento" hreflang="fr">Tuto Magento</a></div> <div class="field--item"><a href="/tags/article-blog" hreflang="fr">article blog</a></div> </div> </div> <section class="comment-section"> <h2>Ajouter un commentaire</h2> <drupal-render-placeholder callback="comment.lazy_builders:renderForm" arguments="0=node&amp;1=36&amp;2=comment_node_article_magento&amp;3=comment_node_article_magento" token="MslW-nez29c8PqyVgo3pZuXi7XJeAOm-UmmVwUToMTA"></drupal-render-placeholder> </section> Wed, 21 Jan 2015 11:03:55 +0000 Bertrand 36 at https://renduweb.com https://renduweb.com/Blog/Magento/creation-dun-produit-configurable#comments Installation de Drupal en local avec Drush https://renduweb.com/Blog/drupal/installation-de-drupal-en-local-avec-drush <span>Installation de Drupal en local avec Drush</span> <div class="field field--name-body field--type-text-with-summary field--label-hidden field--item"><p>Lancez le Terminal.</p> <p> </p> <p>Positionnez-vous dans le répertoire ou vous souhaitez installer drupal</p> <p> </p> <p style="text-align: center;"><code>cd /Applications/MAMP/htdocs</code></p> <p style="text-align: center;"> </p> <p style="text-align: center;"><code>pwd</code> (pour contrôler qu'on est dans le bon dossier)</p> <p> </p> <p>et c'est parti, on va commencer a envoyer les commandes drush pour installer Drupal.</p> <p> </p> <p>Tout d'abord télécharger la dernière version de Drupal et la mettre dans notre dossier :</p> <p style="text-align: center;"><code>drush dl drupal</code> (dl signifie download)</p> <p>Drush va automatiquement télécharger et décompresser le dossier drupal. Par défaut il installe la dernière version(si vous le souhaitez il est bien sûr possible d'installer n'importe quelle version de drupal en le précisant dans la ligne de commande)</p> <p style="text-align: center;"><br /><img alt="capture d'écran Terminal" src="/sites/default/files/pictures/tutos/capture_terminal_install_drupal.jpg" style="width: 565px; height: 191px;" /></p> <p>On peut alors renommer notre dossier avec le nom de notre site par exemple : monsite.local, soit manuellement, soit en ligne de commande avec mv (move)</p> <p style="text-align: center;"><code>mv drupal-7.34/ monsite.local</code></p> <p>on peut alors télécharger tous les modules que l'on souhaite toujours grâce à la commande "drush dl" :</p> <p>pour se faire on se place dans notre dossier monsite.local</p> <p style="text-align: center;"><code>cd monsite.local/</code></p> <p>petite vérification avec "pwd", ça mange pas de pain, puis on va pouvoir envoyer le téléchargement des modules à la volée. On pourra mettre autant de modules que l'on souhaite.</p> <p>drush dl pathauto token backup_migrate imce</p> <p style="text-align: center;"><img alt="capture d'écran Terminal" src="/sites/default/files/pictures/tutos/capture_terminal_instal_modules_drupal.jpg" style="width: 470px; height: 140px;" /></p> <p> </p> <p>On voit que tous les modules ont bien été téléchargés et déposés dans le dossier sites/all/modules.</p> <p>Notez bien que tous les modules sont nommés selon leur appellation de projet sur Drupal.org, par exemple le module Backup and Migrate se nomme backup_migrate.</p> </div> <span><span lang="" about="/users/bertrand" typeof="schema:Person" property="schema:name" datatype="">Bertrand</span></span> <span><time datetime="2015-01-21T11:45:56+01:00" title="Mercredi 21 janvier 2015 - 11:45">mer 21/01/2015 - 11:45</time> </span> <div class="field field--name-field-tags field--type-entity-reference field--label-above"> <div class="field--label">Tags</div> <div class="field--items"> <div class="field--item"><a href="/tags/drupal-developpeur" hreflang="fr">Drupal Développeur</a></div> <div class="field--item"><a href="/tags/article-blog" hreflang="fr">article blog</a></div> <div class="field--item"><a href="/tags/tuto-drupal" hreflang="fr">Tuto Drupal</a></div> <div class="field--item"><a href="/tags/drush" hreflang="fr">Drush</a></div> <div class="field--item"><a href="/tags/developpeur" hreflang="fr">Développeur</a></div> </div> </div> Wed, 21 Jan 2015 10:45:56 +0000 Bertrand 39 at https://renduweb.com Installation Drupal en local https://renduweb.com/Blog/drupal/installation-drupal-en-local <span>Installation Drupal en local</span> <div class="field field--name-body field--type-text-with-summary field--label-hidden field--item"><p>L'installation de Drupal en local sur votre ordinateur est extrèmement simple et rapide.</p> <p>Pré-requis :</p> <ul><li>avoir installé les serveurs Web (Apache), d'application (MySQL) et de base de données (PHP) sur votre ordinateur, que l'on trouve gratuitement sous les appellations : <ul><li>LAMP pour Linux (Linux Apache MySQL PHP)</li> <li>WAMP pour Windows (Windows <span style="line-height: 20.0063037872314px;">Apache MySQL PHP)</span></li> <li><span style="line-height: 20.0063037872314px;">MAMP pour Mac </span><span style="line-height: 20.0063037872314px;">(Mac </span><span style="line-height: 20.0063037872314px;">Apache MySQL PHP)</span></li> </ul></li> <li>avoir téléchargé une version stable de Drupal sur le site Drupal.org</li> </ul><h2 class="fondbarre">ETAPE 1 : Créer la base de donnée</h2> <p>Après avoir installé vos serveurs, vous allez pouvoir créer une base de données( bdd).</p> <p>Quel que soit votre système d'exploitation (windows, mac...), l'interface de phpMyAdmin est la même car c'est une application web. C'est grâce à elle que vous allez pouvoir créer votre base de données.</p> <p>Pour en savoir plus sur l'installation des serveurs en local et la création d'une base de données, reportez-vous à l'article "comment créer une base de donnée".</p> <p>On va donc dans un premier temps créer la bdd sous phpMyAdmin, qu'on nommmera par exemple monsite.</p> <p> </p> <h2 class="fondbarre">ETAPE 2 : Télécharger Drupal</h2> <p>Rendez-vous sur <a href="https://www.drupal.org/" target="_self">https://www.drupal.org/</a> puis cliquez sur "Get started with Drupal"</p> <p style="text-align: center;"><img alt="capture d'écran drupal" src="/sites/default/files/pictures/tutos/capture_install_drupal_10.jpg" /></p> <p style="text-align: justify;">Puis cliquez sur "Download Drupal 7.34" (dernière version à la date de rédaction de ce tuto)</p> <p style="text-align: center;"><img alt="capture d'écran drupal" src="/sites/default/files/pictures/tutos/capture_install_drupal_11.jpg" /></p> <p style="text-align: justify;">Une page s'ouvre alors, à la fin de laquelle vous trouvez ce tableau récapitualant les dernières versions disponibles</p> <p style="text-align: center;"><img alt="capture d'écran drupal" src="/sites/default/files/pictures/tutos/capture_install_drupal_12.jpg" /></p> <p style="text-align: justify;">On y trouve les versions stables (en vert), test (en jaune, beta) et développeur (en rose). Choisissez la première ligne en vert afin de télécharger la dernière version stable de drupal, à savoir ici la 7.34, puis sélectionnez un type de format à télécharger : tar.gz ou zip.</p> <p style="text-align: justify;">Une fois que vous avez téléchargez votre dossier Drupal7.34, allez le déposer dans vore répertoire site de votre serveur, exemple : </p> <p style="text-align: justify;">Applications&gt;MAMP&gt;htdocs&gt;Drupal7.34</p> <p style="text-align: justify;">Renommez votre dossier avec le nom de votre site, avec ou sans extension (on est en local, ça n'a rien d'obligatoire). On choisira dans cet exemple d'appeler notre site "monsite" avec l'extension ".local".</p> <p style="text-align: justify;"><span style="line-height: 20.0063037872314px;">Applications&gt;MAMP&gt;htdocs&gt;monsite.local</span></p> <p style="text-align: justify;"> </p> <h2 class="fondbarre"><span style="line-height: 20.0063037872314px;">ETAPE 3 : Installation de Drupal</span></h2> <p> </p> <p>Ouvrez votre navigateur favoris, puis tapez l'url de votre site. En fonction de votre environnement, l'url sera différente :</p> <ul><li><a href="http://localhost/monsite.local">http://localhost/monsite.local</a> sous Linux et Windows</li> <li><a href="http://localhost:8888/monsite.local">http://localhost:8888/monsite.local</a> sous Mac</li> </ul><p style="text-align: center;"><br /><img alt="capture d'écran Drupal" src="/sites/default/files/pictures/tutos/capture_url_instal_drupal.jpg" /></p> <p style="text-align: justify;">La page d'installation de Drupal s'ouvre alors :</p> <p style="text-align: center;"><img alt="capture d'écran Drupal" src="/sites/default/files/pictures/tutos/capture_install_drupal_1.jpg" /></p> <p>Installez en standard, cliquez sur Save and Continue</p> <p style="text-align: center;"><img alt="capture d'écran Drupal" src="/sites/default/files/pictures/tutos/capture_install_drupal_2.jpg" /></p> <p>On installe en anglais (on changera la langue par la suite), cliquez sur Save and continue</p> <p>puis on renseigne les champs de la base de donnée :</p> <p style="text-align: center;"><img alt="capture d'écran Drupal" src="/sites/default/files/pictures/tutos/capture_install_drupal_3.jpg" /></p> <ul><li>Sélectionnnez MySQL ou équivalent comme type de base de données</li> <li><span style="line-height: 20.0063037872314px;">Nom de la bdd : monsite</span></li> <li><span style="line-height: 20.0063037872314px;">Nom utilisateur (user) de la bdd : admin (par défaut en local, si ça ne fonctionne pas : root</span></li> <li><span style="line-height: 20.0063037872314px;"><span style="line-height: 1.538em;">Mot de passe de la bdd : root (par défaut en local)</span></span></li> <li> <div><span style="line-height: 1.538em;"><span style="line-height: 20.0063037872314px;">Database host (nom de l'hébergeur) : localhost</span></span></div> </li> </ul><p><span style="line-height: 1.538em;">NB : vous ne choisissez pas ici les nom et mot de passe utilisateur de la bdd, ils ont été créés automaitquement avec la bdd sans que vous les ayez paramétrés. Lors de la création, ils sont néanmoins toujours modifiables au niveau de la bdd ainsi que de Drupal, par la suite, ou avant son installation.</span></p> <p>En cliquant sur "Save and continue", drupal lance l'installation.</p> <p>Ne reste plus qu'à rentrer quelques informations concernant le compte administrateur, la localisation, et l'envoi/réception de mail</p> <p style="text-align: center;"><img alt="capture d'écran Drupal" src="/sites/default/files/pictures/tutos/capture_install_drupal_4.jpg" /></p> <ul><li>Nom du site : monsite</li> <li>site e-mail address :  vrai ou faux e-mail, ça n'a aucune importance en local car les serveurs ne permettent pas d'envoyer d'e-mails. </li> <li>username : admin (par exemple)</li> <li>adresse e-mail de l'administrateur du site : idem que précédemment. A<span style="line-height: 20.0063037872314px;">ttention néanmoins, si vous perdez votre mot de passe, étant donné que les servers n'envoient pas d'e-mail, et qu'au niveau de la bdd les mots de passe sont cryptés, il faudra feinter pour pouvoir les modifier.</span></li> <li><span style="line-height: 20.0063037872314px;">Password : peut importe dans la mesure ou vous êtes en local. Pour rappel, un mot de passe fort doit être idéalement constitué de minuscules, d'au moins une majuscule (pas au début), de chiffres et de caractères spéciaux (+,=,/...), exemple : 1cacdumot2pass?+?. On évitera bien sûr toutes les combinaisons qui touchent à l'état civil et à la famille, que tout à chacun pourra trouver en quelques clics comme la date de naissance de votre petite fille adorée, son prénom et son numéro de département, etc...</span></li> <li>sélectionnez ensuite le pays et la time zone par défaut.</li> <li>sélectionnez "check for updates automatically"</li> <li>Enfin en ce qui concerne la réception d'e-mails, rassurez-vous, vous ne recevrez que peu d'e-mails, si ce n'est concernant les mises à jour de sécurité. Du coup, autant l'autoriser.</li> </ul><p>Cliquez sur Save and continue et l'installation est terminée.</p> <p style="text-align: center;"><img alt="capture d'écran Drupal" src="/sites/default/files/pictures/tutos/capture_install_drupal_5.jpg" /></p> <p>Vous pouvez désormais visiter votre site.</p> </div> <span><span lang="" about="/users/bertrand" typeof="schema:Person" property="schema:name" datatype="">Bertrand</span></span> <span><time datetime="2015-01-20T18:06:35+01:00" title="Mardi 20 janvier 2015 - 18:06">mar 20/01/2015 - 18:06</time> </span> <div class="field field--name-field-tags field--type-entity-reference field--label-above"> <div class="field--label">Tags</div> <div class="field--items"> <div class="field--item"><a href="/tags/drupal-developpeur" hreflang="fr">Drupal Développeur</a></div> <div class="field--item"><a href="/tags/article-blog" hreflang="fr">article blog</a></div> <div class="field--item"><a href="/tags/tuto-drupal" hreflang="fr">Tuto Drupal</a></div> </div> </div> Tue, 20 Jan 2015 17:06:35 +0000 Bertrand 37 at https://renduweb.com Traduire drupal en français https://renduweb.com/Blog/drupal/traduire-drupal-en-francais <span>Traduire drupal en français</span> <div class="field field--name-body field--type-text-with-summary field--label-hidden field--item"><p><em>Pour traduire Drupal en Français</em>, rien de plus simple. Enfin presque car comme vous allez le voir, on va rencontrer un petit problème de traduction de Drupal qu'on va pouvoir facilement résoudre.</p> <p>Tout d'abord, nous allons agir depuis l'interface administrateur et aller dans l'onglet <mark>Configuration</mark>, puis tout en bas de la page, dans le menu <mark>Regional and Language</mark> on va cliquer sur <mark>Regional Settings</mark> afin de vérifier nos paramètres de localisation</p> <p style="text-align: center;"><img alt="capture d'écran drupal" src="/sites/default/files/pictures/frontend/capture_traduction_drupal_1_0.jpg" /></p> <p>On contrôle bien que dans LOCALE, Defaut Country renvoie la valeur France et que dans TIME ZONE, Defaut Time Zone revoie Europe/Paris.</p> <p>Accessoirement indiquez que le premier jour de la semaine commence bien un lundi, le dimanche étant renseigné par défaut. Néanmoins, pour ceux qui auraient des difficultés avec l'anglais, oubliez les options que vous pourrez modifier par la suite une fois l'interface intégralement traduite.</p> <p style="text-align: center;"><img alt="capture d'écran drupal" src="/sites/default/files/pictures/tutos/capture_traduction_drupal_2_0.jpg" /></p> <p>On clique sur <mark>Save configuration</mark> et on revient à notre menu <mark>Regional and language</mark> en cliquant dans le fil d'ariane. Et on clique sur le lien <mark>Languages</mark>.</p> <p style="text-align: center;"><img alt="capture d'écran drupal" src="/sites/default/files/pictures/tutos/capture_traduction_drupal_3.jpg" /></p> <p>On remarque qu'il n'y a pour l'instant qu'une langue par défaut. On va donc cliquer sur <mark>Add Language</mark> afin d'ajouter la langue française. et choisir  French dans le menu déroulant.</p> <p style="text-align: center;"><img alt="capture d'écran drupal" src="/sites/default/files/pictures/tutos/capture_traduction_drupal_4.jpg" /></p> <p>On clique ensuite sur<mark> Add Language</mark> et Drupal va automatiquement lancer le téléchargement de la mise à jour.</p> <p style="text-align: center;"><img alt="capture d'écran drupal" src="/sites/default/files/pictures/tutos/capture_traduction_drupal_5.jpg" /></p> <p>Il commence par traduire le core, puis les modules.</p> <p>On se retrouve donc avec une page Language comme celle-ci :</p> <p style="text-align: center;"><img alt="capture d'écran drupal" src="/sites/default/files/pictures/tutos/capture_traduction_drupal_6.jpg" /></p> <p>A ce stade, on a téléchargé la traduction, mais elle n'est pas appliquée. C'est toujours l'anglais qui est sélectionné par défaut. On va donc sélectionner le Français en cliquant sur DEFAULT de la ligne French. Puis on clique sur Save Configuration.</p> <p>Et là, magique, tout Drupal est en Français, l'interface ainsi que les modules sont en Français. Si on revient dans l'onglet qui s'appelle désormais <mark>Régionalisation et Langue</mark>, que l'on clique sur le lien <mark>Traduire l'interface</mark>, on voit (au jour de l'écriture de l'article bien sûr) que la traduction est réalisée à 98,59%.</p> <p style="text-align: center;"><img alt="capture d'écran drupal" src="/sites/default/files/pictures/tutos/capture_traduction_drupal_7.jpg" /></p> <p>Pas mal me direz-vous. Oui, seulement si on lève un peu les yeux et que l'on jette un coup d'oeil à notre menu d'administration, on remarque vite des défauts de traduction, et là ça fait un peu léger.</p> <p style="text-align: center;"><img alt="capture d'écran drupal" src="/sites/default/files/pictures/tutos/capture_traduction_drupal_8.jpg" /></p> <p>C'est là où on comprends que si les 1.41% de traduction qui font défaut sont mal placés, ça peut tout de même poser problème, surtout si on doit livrer une interface en français. Bien entendu, si vous le souhaitez, vous pouvez vous-même traduire le carrences depuis votre Drupal grâce à l'onglet traduire, mais heureusement il existe une solution plus simple.</p> <p>Après lecture, certains diront qu'on aurait pu passer par là directement. C'est vrai, mais la méthode vue précédemment reste pour autant celle à appliquer. Car si à ce jour la traduction n'est pas complète pour la version 7.34 de Drupal elle le sera peut-être très bientôt, et les explications qui suivent seront alors complètement obsolètes.</p> <p>Donc, pour en revenir à nos moutons, si la traduction ne vous plait pas, et bien nous allons chercher une ancienne traduction de Drupal, plus compète celle-ci qui se trouve dans un fichier nommé drupal-7.29.fr.po que l'on va trouver à cette adresse :</p> <p><a href="http://ftp.drupal.org/files/translations/7.x/drupal/drupal-7.29.fr.po" target="_blank">http://ftp.drupal.org/files/translations/7.x/drupal/drupal-7.29.fr.po</a></p> <p>PS : avec Firefox, le téléchargement se lance automatiquement alors qu'avec un autre navigateur, il vous ouvre une page et vous met le code. Du coup on copie, on colle et on enregistre le fichier comme nommé.</p> <p>On va alors pouvoir réinstaller ce fichier de traduction. Toujours dans <mark>Traduire l'interface</mark>, on va cliquer cette fois-ci sur <mark>IMPORTER</mark>, on sélectionne le fichier à télécharger, on coche la case "Les chaînes existantes et les pluriels sont conservés, seules les nouvelles chaînes sont ajoutées", puis on clique sur <mark>Importer</mark>.</p> <p> </p> <p style="text-align: center;"><mark><img alt="capture d'écran drupal" src="/sites/default/files/pictures/tutos/capture_traduction_drupal_9.jpg" /></mark></p> <p>Il n'y a plus qu'à rafraîchir la page et on retrouve un menu tout en français, ce qui fait tout de même plus propre.</p> </div> <span><span lang="" about="/users/bertrand" typeof="schema:Person" property="schema:name" datatype="">Bertrand</span></span> <span><time datetime="2015-01-20T17:53:32+01:00" title="Mardi 20 janvier 2015 - 17:53">mar 20/01/2015 - 17:53</time> </span> <div class="field field--name-field-tags field--type-entity-reference field--label-above"> <div class="field--label">Tags</div> <div class="field--items"> <div class="field--item"><a href="/tags/drupal-developpeur" hreflang="fr">Drupal Développeur</a></div> <div class="field--item"><a href="/tags/article-blog" hreflang="fr">article blog</a></div> <div class="field--item"><a href="/tags/tuto-drupal" hreflang="fr">Tuto Drupal</a></div> </div> </div> Tue, 20 Jan 2015 16:53:32 +0000 Bertrand 38 at https://renduweb.com