{"id":4188,"date":"2017-08-30T08:58:14","date_gmt":"2017-08-30T06:58:14","guid":{"rendered":"https:\/\/demos.welaunch.io\/woocommerce-my-account\/?post_type=faq&#038;p=179"},"modified":"2024-05-15T11:28:46","modified_gmt":"2024-05-15T09:28:46","slug":"creer-woocommerce-my-account-tabs","status":"publish","type":"faq","link":"https:\/\/www.welaunch.io\/fr\/base-de-connaissances\/faq\/creer-woocommerce-my-account-tabs\/","title":{"rendered":"Cr\u00e9er des onglets &#8220;Mon compte&#8221; dans WooCommerce"},"content":{"rendered":"<p>Nous vous montrons comment cr\u00e9er des onglets personnalis\u00e9s WooCommerce Mon compte et comment configurer notre plugin.<\/p>\n<h2>Panneau de configuration<\/h2>\n<p>Vous pouvez trouver le tout dans votre panneau d&#8217;administration sous WooCommerce -> Mon compte. Si vous ne pouvez pas voir le panneau de configuration, assurez-vous que vous avez install\u00e9 le plugin Redux Framework.<\/p>\n<h2>Param\u00e8tres g\u00e9n\u00e9raux<\/h2>\n<p>Dans les param\u00e8tres g\u00e9n\u00e9raux, vous pouvez activer \/ d\u00e9sactiver notre plugin. De plus, vous pouvez d\u00e9finir une quantit\u00e9 d&#8217;onglets pour augmenter les performances et le temps de chargement, vous pouvez r\u00e9organiser ou d\u00e9sactiver les onglets et vous pouvez renommer les onglets g\u00e9n\u00e9raux de WooCommerce. Par exemple, vous pouvez d\u00e9sactiver l&#8217;onglet d\u00e9connexion et renommer l&#8217;onglet commandes en &#8220;Mes commandes&#8221;.<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-5173\" src=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/woocommerce-my-account-tab-settings-1024x715.png\" alt=\"WooCommerce my account tab settings\" width=\"1020\" height=\"712\" srcset=\"https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/woocommerce-my-account-tab-settings-1024x715.png 1024w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/woocommerce-my-account-tab-settings-300x209.png 300w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/woocommerce-my-account-tab-settings-768x536.png 768w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/woocommerce-my-account-tab-settings-500x349.png 500w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/woocommerce-my-account-tab-settings-1000x698.png 1000w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/woocommerce-my-account-tab-settings.png 1272w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/><\/p>\n<h2>Onglet Mon compte Styles<\/h2>\n<p>Dans la section des styles, vous pouvez choisir une mise en page (barre lat\u00e9rale gauche\/droite ou onglets pleine largeur). En outre, vous pouvez d\u00e9finir les styles d&#8217;arri\u00e8re-plan et de texte des onglets, y compris pour les onglets survol\u00e9s et actifs.<figure id=\"attachment_5172\" aria-describedby=\"caption-attachment-5172\" style=\"width: 1020px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-5172\" src=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/my-account-styling-1024x647.png\" alt=\"le style de mon compte\" width=\"1020\" height=\"644\" srcset=\"https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/my-account-styling-1024x647.png 1024w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/my-account-styling-300x189.png 300w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/my-account-styling-768x485.png 768w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/my-account-styling-500x316.png 500w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/my-account-styling-1000x631.png 1000w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/my-account-styling.png 1270w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/><figcaption id=\"caption-attachment-5172\" class=\"wp-caption-text\">le style de mon compte<\/figcaption><\/figure>\n<h2>Cr\u00e9er un onglet personnalis\u00e9 Mon compte<\/h2>\n<p>Pour cr\u00e9er votre premier onglet de compte personnalis\u00e9, il vous suffit d&#8217;acc\u00e9der \u00e0 l&#8217;un des param\u00e8tres suivants. Vous avez la possibilit\u00e9 de d\u00e9finir le titre, le titre du menu et l&#8217;URL du point d&#8217;arriv\u00e9e. Ensuite, vous devez sp\u00e9cifier un callback pour l&#8217;affichage de l&#8217;onglet dans le frontend. Vous pouvez choisir parmi diff\u00e9rents rappels :<\/p>\n<ul>\n<li style=\"list-style-type: none;\">\n<ul>\n<li>Editeur (Texte WYSIWIG personnalis\u00e9 o\u00f9 vous pouvez utiliser des shortcodes ou m\u00eame des m\u00e9tadonn\u00e9es client)<\/li>\n<li>Lien (relie simplement l&#8217;onglet \u00e0 une autre page)<\/li>\n<li>Formulaire de contact 7<\/li>\n<li>Fonction (fonction personnalis\u00e9e qui sera appel\u00e9e. Cr\u00e9ez ceci dans vos fonctions.php de votre th\u00e8me enfant)<\/li>\n<li>Produits par cat\u00e9gorie<\/li>\n<li>Cat\u00e9gories de produits<\/li>\n<li>Afficher le panier<\/li>\n<li>Suivi des commandes<\/li>\n<li>Mon compte<\/li>\n<li>Produits r\u00e9cents<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<ul>\n<li>Produits vedettes<\/li>\n<li>Produits en vente<\/li>\n<li>Produits les plus vendus<\/li>\n<li>Produits les mieux not\u00e9s<\/li>\n<li>Produits apparent\u00e9s<\/li>\n<\/ul>\n<p>Chaque rappel a ses propres param\u00e8tres, e.g. l&#8217;\u00e9diteur affichera un \u00e9diteur WYSIWIG puis. En bas de page, vous pouvez \u00e9galement limiter un onglet \u00e0 un r\u00f4le d&#8217;utilisateur sp\u00e9cifique. Apr\u00e8s avoir cr\u00e9\u00e9 un onglet, rechargez le panneau d&#8217;administration et assurez-vous d&#8217;avoir ajout\u00e9 l&#8217;onglet dans la section &#8220;R\u00e9organiser&#8221; des param\u00e8tres g\u00e9n\u00e9raux!<figure id=\"attachment_5171\" aria-describedby=\"caption-attachment-5171\" style=\"width: 1020px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\"size-large wp-image-5171\" src=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/create-your-own-my-account-page-1024x698.png\" alt=\"cr\u00e9ez votre propre page mon compte\" width=\"1020\" height=\"695\" srcset=\"https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/create-your-own-my-account-page-1024x698.png 1024w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/create-your-own-my-account-page-300x204.png 300w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/create-your-own-my-account-page-768x523.png 768w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/create-your-own-my-account-page-500x341.png 500w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/create-your-own-my-account-page-1000x681.png 1000w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/create-your-own-my-account-page.png 1271w\" sizes=\"auto, (max-width: 1020px) 100vw, 1020px\" \/><figcaption id=\"caption-attachment-5171\" class=\"wp-caption-text\">cr\u00e9ez votre propre page mon compte<\/figcaption><\/figure>\n<h2>Exemple de sortie<\/h2>\n<p>Vous trouverez ci-dessous un exemple de sortie des param\u00e8tres de l&#8217;\u00e9diteur que nous avons utilis\u00e9s. Il affiche le pr\u00e9nom &#8220;d&#8221; et le code court de l&#8217;ann\u00e9e en cours.<img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-5174\" src=\"https:\/\/www.welaunch.io\/en\/wp-content\/uploads\/sites\/8\/2017\/08\/custom-tab-example.png\" alt=\"\" width=\"676\" height=\"431\" srcset=\"https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/custom-tab-example.png 676w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/custom-tab-example-300x191.png 300w, https:\/\/www.welaunch.io\/fr\/wp-content\/uploads\/sites\/13\/2017\/08\/custom-tab-example-500x319.png 500w\" sizes=\"auto, (max-width: 676px) 100vw, 676px\" \/><\/p>\n","protected":false},"author":1,"featured_media":0,"menu_order":0,"comment_status":"open","ping_status":"closed","template":"","product_cat":[],"class_list":["post-4188","faq","type-faq","status-publish","hentry","faq_topics-my-account"],"_links":{"self":[{"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/faq\/4188","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/faq"}],"about":[{"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/types\/faq"}],"author":[{"embeddable":true,"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/comments?post=4188"}],"version-history":[{"count":7,"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/faq\/4188\/revisions"}],"predecessor-version":[{"id":8960,"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/faq\/4188\/revisions\/8960"}],"wp:attachment":[{"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/media?parent=4188"}],"wp:term":[{"taxonomy":"product_cat","embeddable":true,"href":"https:\/\/www.welaunch.io\/fr\/wp-json\/wp\/v2\/product_cat?post=4188"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}