{"id":726,"date":"2015-04-13T18:00:19","date_gmt":"2015-04-13T18:00:19","guid":{"rendered":"http:\/\/www.majory-cubizolles.fr\/blog\/?p=726"},"modified":"2017-01-23T18:29:17","modified_gmt":"2017-01-23T18:29:17","slug":"centrer-votre-menu-dans-prestashop-1-6","status":"publish","type":"post","link":"https:\/\/www.majory-cubizolles.fr\/blog\/centrer-votre-menu-dans-prestashop-1-6\/","title":{"rendered":"Astuce : Centrer votre menu dans Prestashop 1.6"},"content":{"rendered":"<p>Voici un petit tuto qui va vous permettre de centrer votre menu dans prestashop<\/p>\n<p><strong><strong>Cette astuce Prestashop est valable pour la version 1.6<\/strong><\/strong><\/p>\n<hr \/>\n<h3><span style=\"color: #800000;\"><strong>Comment centrer le menu sur ma boutique Prestashop ?\u00a0<\/strong><\/span><\/h3>\n<p>Il y a q&rsquo;un seul fichier \u00e0 modifier :<strong> superfish-modified.css<\/strong>\u00a0 qui appartient au module <strong>blocktopmenu<\/strong><\/p>\n<p><!--more--><\/p>\n<p>1) Dans .sf-menu, ajouter text-align:center<\/p>\n<pre class=\"lang:default decode:true\">.sf-menu {\r\n  text-align: center;\r\n  position: relative;\r\n  padding: 0;\r\n  width: 100%;\r\n  border-bottom: 3px solid #e9e9e9;\r\n  background: #f6f6f6; }<\/pre>\n<p>2) Dans .sf-menu &gt; li, remplacer float:left par display: inline-block;<\/p>\n<pre class=\"lang:default decode:true\">.sf-menu &gt; li {\r\n    border-right: 1px solid #d6d4d4;\r\n    display: inline-block;\r\n    margin-bottom: -3px;\r\n}<\/pre>\n<p>Et voila le resultat :<\/p>\n<p><a href=\"http:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2015\/04\/Capture-d\u2019e\u0301cran-2015-04-13-a\u0300-19.31.272.png\"><img decoding=\"async\" loading=\"lazy\" class=\"alignnone size-full wp-image-723\" src=\"http:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2015\/04\/Capture-d\u2019e\u0301cran-2015-04-13-a\u0300-19.31.272.png\" alt=\"Capture d\u2019e\u0301cran 2015-04-13 a\u0300 19.31.27\" width=\"1267\" height=\"226\" \/><\/a><\/p>\n<!-- Begin Yuzo --><div class='yuzo_related_post style-2'  data-version='5.12.88'><!-- without result --><div class='yuzo_clearfixed yuzo__title yuzo__title'><h2>Articles similaires<\/h2><\/div>\n\t\t\t\t\t\t<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/modifier-la-police-decriture-avec-google-fonts-prestashop-1-7\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2019\/08\/modifier-police-ecriture-google-font-400x249.jpg') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/modifier-la-police-decriture-avec-google-fonts-prestashop-1-7\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Modifier la police d\u2019\u00e9criture avec Google Fonts \u2013 PrestaShop 1.7  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 7122<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Dans ce tuto nous allons voir comment modifier la police d'\u00e9criture avec Google Fonts pour votre site PrestaShop 1.7\r\n\r\nA noter: actuellement la police par d\u00e9faut est Noto Sans, sans-serif\r\nEtape 1) Choisir sa police d'\u00e9criture\u00a0 \r\nNous allons choisir notre\/nos police(s) d'\u00e9criture sur le site de Google Fonts \u00e0 cette adresse : https:\/\/fonts.google.com\/\r\n\r\nJe vais choisir deux polices d'\u00e9criture, 1 ...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/mettre-une-page-categorie-comme-page-daccueil-astuce-prestashop\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2016\/07\/wsi-imageoptim-PrestaShop_Demo_-_2015-07-15_20.49.34-400x249.jpg') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/mettre-une-page-categorie-comme-page-daccueil-astuce-prestashop\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Mettre une page cat\u00e9gorie comme page d\u2019accueil | Astuce Prestashop 1.6  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 2156<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Ce petit tuto va vous permettre de transformer votre page cat\u00e9gorie en page d'accueil.\r\n\r\nCette petite astuce Prestashop est valable pour la version \u00a01.5 et 1.6\r\n\r\n\r\n\r\n1) Ouvrez le fichier\u00a0IndexController.php qui se situe dans\u00a0controllers\/front\/IndexController.php\r\n\r\n1.1 - Modifier \"extends\"\r\n\r\nRemplacer\r\n\r\nPar\r\n\r\n-----------\r\n\r\n1.2 - \u00a0Afin de d\u00e9finir la cat\u00e9gorie que vous d\u00e9sirez en page d'accuei...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/faut-installer-utiliser-prestashop-1-7\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2016\/11\/prestashop-1.7-400x249.jpg') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/faut-installer-utiliser-prestashop-1-7\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Faut-il installer et utiliser Prestashop 1.7\u00a0?  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 3385<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Prestashop a lanc\u00e9 officiellement la sortie de Prestashop 1.7, lundi 7 novembre. Vous pouvez t\u00e9l\u00e9charger le zip sur le lien suivant: https:\/\/www.prestashop.com\/fr\/telechargement\r\n\r\nCette page s'accompagne\r\n\r\n1. d'une petite introduction:\r\n\r\n \tPlus de 500 fonctionnalit\u00e9s pour lancer votre boutique et vendre en ligne\r\n \tD\u00e9j\u00e0 traduit dans plus de 25 langues\r\n \tConstruisez facilement des th\u00e8mes person...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/portrait-robot-dun-acheteur-ligne\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2016\/09\/le-profil-acheteur-en-ligne-400x249.jpg') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/portrait-robot-dun-acheteur-ligne\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Portrait Robot d\u2019un acheteur un ligne  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 313<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Cette infographie, r\u00e9alis\u00e9e par LK conseil, a cr\u00e9\u00e9 un portrait robot d'un acheteur en ligne\r\nQuelques chiffres\r\n36 millions\u00a0de\u00a0consommateurs fran\u00e7ais ont r\u00e9alis\u00e9\u00a0des achats\u00a0en ligne\u00a0au second trimestre de cette\u00a0ann\u00e9e. Il a augment\u00e9 de 4% par rapport \u00e0 la m\u00eame p\u00e9riode l'an dernier.\r\n\r\nSur ces 36 millions d'acheteurs en ligne, 52% commandent au moins 1 fois par mois.\r\n\r\n76 euros ont \u00e9t\u00e9 d\u00e9pens\u00e9s par...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"relatedthumb yuzo-list  \" style=\"\"  >  \n\t\t\t\t\t\t  <a  href=\"https:\/\/www.majory-cubizolles.fr\/blog\/les-francais-le-e-commerce-et-les-mobiles\/\" class=\"image-list\" target='_blank' >\n\t\t\t\t\t\t  <div class=\"yuzo-img-wrap \" style=\"width: 185px;height:150px;\">\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t <div class=\"yuzo-img\" style=\"background:url('https:\/\/www.majory-cubizolles.fr\/blog\/wp-content\/uploads\/2015\/01\/achat-sur-tablette-ecommerce-300x187.jpg') 50% 50% no-repeat;width: 190px;height:150px;margin-bottom: 5px;background-size:  cover;  \"><\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t  <a  class=\"link-list yuzo__text--title\" href=\"https:\/\/www.majory-cubizolles.fr\/blog\/les-francais-le-e-commerce-et-les-mobiles\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Les Fran\u00e7ais, le e-commerce et les mobiles  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 124<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Cette infographie, r\u00e9alis\u00e9e par Content Square, met en avant les comportements de navigation et d\u2019achats des fran\u00e7ais sur mobile, en France.\r\n\r\nLes chiffres viennent d'une \u00e9tude r\u00e9alis\u00e9e d\u2019ao\u00fbt 2013 \u00e0 septembre 2014, sur 50 millions de visites sur tablette et plus de 100 sites e-commerce leaders fran\u00e7ais, multisectoriels.\r\n\r\nA noter : Selon la Fevad, 29,4 millions de personnes sont mobinautes en F...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n<\/div>  <!-- End Yuzo :) -->","protected":false},"excerpt":{"rendered":"<p>Voici un petit tuto qui va vous permettre de centrer votre menu dans prestashop Cette astuce Prestashop est valable pour la version 1.6 Comment centrer le menu sur ma boutique Prestashop ?\u00a0 Il y a q&rsquo;un seul fichier \u00e0 modifier : superfish-modified.css\u00a0 qui appartient au module blocktopmenu Articles similaires Supprimer [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":723,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,11],"tags":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts\/726"}],"collection":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/comments?post=726"}],"version-history":[{"count":0,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts\/726\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/media\/723"}],"wp:attachment":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/media?parent=726"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/categories?post=726"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/tags?post=726"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}