{"id":706,"date":"2018-12-08T11:42:12","date_gmt":"2018-12-08T16:42:12","guid":{"rendered":"https:\/\/site.csdessommets.qc.ca\/aide\/?p=706"},"modified":"2018-12-18T08:17:05","modified_gmt":"2018-12-18T13:17:05","slug":"ajouter-des-options-de-produits","status":"publish","type":"post","link":"https:\/\/site.csdessommets.qc.ca\/aide\/ajouter-des-options-de-produits\/","title":{"rendered":"Ajouter des options de produits"},"content":{"rendered":"<h3>\n\t\tContexte<br \/>\n\t<\/h3>\n<p>Les options de produit WooCommerce peuvent s&rsquo;attribuer \u00e0 un seule produit ou \u00e0 une cat\u00e9gorie compl\u00e8te.<\/p>\n<p>Dans l&rsquo;exemple de cet article, nous avons des produits qui sont des modules de cours ayant un examen qui se fait \u00e0 l&rsquo;ext\u00e9rieur de la commission scolaire.\u00a0 Nous voulons donc ajouter une option permettant de cocher un frais de livraison pour l&rsquo;examen si l&rsquo;\u00e9l\u00e8ve fait son module \u00e0 distance.<\/p>\n<h3>\n\t\tCr\u00e9ation de la cat\u00e9gorie<br \/>\n\t<\/h3>\n<p>Il s&rsquo;agit d&rsquo;une cat\u00e9gorie de produit WooCommerce.\u00a0 Qui se cr\u00e9\u00e9e via le menu Cat\u00e9gories sous Produits.<\/p>\n<p>\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/site.csdessommets.qc.ca\/aide\/wp-content\/uploads\/sites\/4\/2018\/12\/PPOM_0.png\" alt=\"PPOM_0\" itemprop=\"image\" height=\"426\" width=\"1268\" title=\"PPOM_0\"  \/><\/p>\n<h3>\n\t\tAjouter des options PPOM<br \/>\n\t<\/h3>\n<p>C&rsquo;est l&rsquo;extension PPOM qui permet d&rsquo;ajouter des options \u00e0 des produits.<\/p>\n<p>Cette extension offre l&rsquo;ajout d&rsquo;options d&rsquo;informations, tout comme des options qui peuvent faire varier les prix.\u00a0 Ceci, sans \u00eatre oblig\u00e9 de cr\u00e9er un produit de variation.<\/p>\n<p>Pour atteindre les param\u00e8tres PPOM, il faut aller sur le menu PPOM Settings qui se situe sous WooCommerce.<\/p>\n<p>\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/site.csdessommets.qc.ca\/aide\/wp-content\/uploads\/sites\/4\/2018\/12\/PPOM_1.png\" alt=\"PPOM_1\" itemprop=\"image\" height=\"325\" width=\"404\" title=\"PPOM_1\"  \/><\/p>\n<p>Cliquez ensuite sur Ajouter un groupe d&rsquo;attributs.<\/p>\n<p>\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/site.csdessommets.qc.ca\/aide\/wp-content\/uploads\/sites\/4\/2018\/12\/PPOM_2.png\" alt=\"PPOM_2\" itemprop=\"image\" height=\"66\" width=\"343\" title=\"PPOM_2\"  \/><\/p>\n<p>Un groupe d&rsquo;attributs, c&rsquo;est un ensemble d&rsquo;options qu&rsquo;on veut lier tous \u00e0 la fois \u00e0 un produit.\u00a0 Exemple, on pourrait faire des options pour d\u00e9terminer la taille et la couleur d&rsquo;un chandail.<\/p>\n<p>Pour notre exemple, concentrons-nous sur quelques param\u00e8tres principaux.\u00a0 Ici, seul le nom est obligatoire.\u00a0 Dans notre exemple, on veut aussi afficher le prix suppl\u00e9mentaire de l&rsquo;option, entre parenth\u00e8se, \u00e0 c\u00f4t\u00e9 de l&rsquo;option.<\/p>\n<p>On indique aussi l&rsquo;identifiant unique (le slug) de la cat\u00e9gorie qui contient les modules ayant un examen externe.<\/p>\n<p>&nbsp;<\/p>\n<p>\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/site.csdessommets.qc.ca\/aide\/wp-content\/uploads\/sites\/4\/2018\/12\/PPOM_3.png\" alt=\"PPOM_3\" itemprop=\"image\" height=\"529\" width=\"1656\" title=\"PPOM_3\"  \/><\/p>\n<h3>\n\t\tCr\u00e9er l&rsquo;option dans le groupe d&rsquo;attributs<br \/>\n\t<\/h3>\n<p>Pour ajouter une option, il suffit de la glisser \u00e0 droite. Dans notre exemple, on glisse la case \u00e0 cocher dans la zone de droite.<\/p>\n<p>Puis, on indique certains param\u00e8tres.\u00a0 La param\u00e8tres obligatoire sont les suivants :<\/p>\n<ul>\n<li>Titre, tel qui s&rsquo;affichera dans la fen\u00eatre d&rsquo;achat du produit.<\/li>\n<li>Un identifiant unique pour la donn\u00e9e.<\/li>\n<li>Une description, qui s&rsquo;affichera dans la fen\u00eatre d&rsquo;achat du produit.<\/li>\n<\/ul>\n<p>Pour d\u00e9finir une variation du prix, il faut configurer la zone option :<\/p>\n<ul>\n<li>On peut mettre un nom, il s&rsquo;affichera aussi dans la fen\u00eatre d&rsquo;achat du produit.\u00a0 Dans notre cas, nous avons pr\u00e9f\u00e9r\u00e9 seulement afficher le titre de l&rsquo;option et pas de sous-titre.<\/li>\n<li>On indique le prix.\u00a0 Avec un point (.) pour diviser la d\u00e9cimale.<\/li>\n<li>Il faut aussi indiquer un identifiant unique, pour que le calcul de la variation se fasse correctement.<\/li>\n<\/ul>\n<p>Ne pas oublier d&rsquo;enregistrer les param\u00e8tres.<\/p>\n<p>\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/site.csdessommets.qc.ca\/aide\/wp-content\/uploads\/sites\/4\/2018\/12\/PPOM_4.png\" alt=\"PPOM_4\" itemprop=\"image\" height=\"860\" width=\"1747\" title=\"PPOM_4\"  \/><\/p>\n<h3>\n\t\tAffichage final<br \/>\n\t<\/h3>\n<p>\t\t\t\t<img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/site.csdessommets.qc.ca\/aide\/wp-content\/uploads\/sites\/4\/2018\/12\/PPOM_5.png\" alt=\"PPOM_5\" itemprop=\"image\" height=\"509\" width=\"653\" title=\"PPOM_5\"  \/><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Voyez comment ajouter des attributs et des options \u00e0 un produit pour en faire varier le prix ou obtenir des informations suppl\u00e9mentaires.<\/p>\n","protected":false},"author":2,"featured_media":707,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[22],"tags":[],"class_list":["post-706","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-woocommerce"],"_links":{"self":[{"href":"https:\/\/site.csdessommets.qc.ca\/aide\/wp-json\/wp\/v2\/posts\/706","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/site.csdessommets.qc.ca\/aide\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/site.csdessommets.qc.ca\/aide\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/site.csdessommets.qc.ca\/aide\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/site.csdessommets.qc.ca\/aide\/wp-json\/wp\/v2\/comments?post=706"}],"version-history":[{"count":1,"href":"https:\/\/site.csdessommets.qc.ca\/aide\/wp-json\/wp\/v2\/posts\/706\/revisions"}],"predecessor-version":[{"id":728,"href":"https:\/\/site.csdessommets.qc.ca\/aide\/wp-json\/wp\/v2\/posts\/706\/revisions\/728"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/site.csdessommets.qc.ca\/aide\/wp-json\/wp\/v2\/media\/707"}],"wp:attachment":[{"href":"https:\/\/site.csdessommets.qc.ca\/aide\/wp-json\/wp\/v2\/media?parent=706"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/site.csdessommets.qc.ca\/aide\/wp-json\/wp\/v2\/categories?post=706"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/site.csdessommets.qc.ca\/aide\/wp-json\/wp\/v2\/tags?post=706"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}