{"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\/ab-testing-quick-vs-multi-page-checkout-which-performs-better\/\" 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\/GUESTBLOGGING-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\/ab-testing-quick-vs-multi-page-checkout-which-performs-better\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> A\/B Testing \u2013 Quick Vs Multi Page checkout \u2013 Which performs better?  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 852<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Checkout pages are the last part of transaction that confirms sale. They ask customer about their personal information (name, CNIC, credit card info, social security) so they can be billed and their product shipped to them.\r\n\r\nThere are many reasons why customers resort to shopping cart abandonment. Sometimes the Checkout is badly optimized with an ill-defined structure. There might be excessive l...<\/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\/comment-bien-poster-sur-instagram-infographie\/\" 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-1Comment-bien-poster-sur-Instagram-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\/comment-bien-poster-sur-instagram-infographie\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Comment bien poster sur Instagram | Infographie  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 454<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Cette infographie vous montre comment am\u00e9liorer vos posts sur Instagram pour augmenter votre visibilit\u00e9 sur la toile.\r\n\r\n\r\n\r\n<\/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\/check-list-pour-bien-construire-sa-fiche-produit-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\/2021\/01\/check-list-fiche-produit-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\/check-list-pour-bien-construire-sa-fiche-produit-prestashop\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Check-list pour bien construire sa fiche produit PrestaShop  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 946<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >CHECK-LIST FICHE PRODUIT\r\nVous avez install\u00e9 PrestaShop et maintenant vous d\u00e9sirez cr\u00e9er vos fiches produits. Je vous propose ici une check-list des diff\u00e9rentes informations que vous pouvez ins\u00e9rer dans le syst\u00e8me. Avant de cr\u00e9er vos fiches produits, je vous conseille de bien penser aux diff\u00e9rents \u00e9l\u00e9ments que vous d\u00e9sirez voir apparaitre sur le front-office et back-office de votre boutique.\r\n\r\n\r\n...<\/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\/le-e-commerce-en-france-en-2015-infographie\/\" 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-Capture-d\u2019\u00e9cran-2015-07-15-\u00e0-14.58.48-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\/le-e-commerce-en-france-en-2015-infographie\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Le e-commerce en france en 2015 | infographie  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 136<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Cette infographie, r\u00e9alis\u00e9 par\u00a0\u00e9cole WIS, met en avant les chiffres cl\u00e9s du e-commerce et du m-commerce en France.\r\n\r\n\r\n\r\n1) \u00a0Les chiffres cl\u00e9s en 2014 :\r\n- 57 milliards d\u2019euros d\u2019achats en ligne,\r\n- 157 300 sites e-commerce existants,\r\n- 81 euros par transaction en moyenne\r\n\r\n2) Les produits les plus achet\u00e9s sont issus des domaines de \r\n- l\u2019habillement,\r\n- la culture,\r\n- le tourisme,\r\n- l\u2019\u00e9lectro...<\/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\/quels-utilisateurs-sur-quels-reseaux-sociaux-en-2015\/\" 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-header-reseaux-sociaux.jpg.pagespeed.ic_.jr_ntiGqnmUaEEaqq_nW-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\/quels-utilisateurs-sur-quels-reseaux-sociaux-en-2015\/\" style=\"font-size:15px;font-weight:bold;;line-height:23px;\"> Quels utilisateurs sur quels r\u00e9seaux sociaux en 2015 ?  <div class='yuzo_views_post yuzo_icon_views yuzo_icon_views__bottom' style='font-size:13px;'>views 173<\/div><\/a>\n\t\t\t\t\t\t\t\t<span class=\"yuzo_text\" style=\"font-size:11px;\" >Cette infographie met en avant le nombre de personnes, le pourcentage d'homme et de femme, le temps pass\u00e9... sur les diff\u00e9rents types de r\u00e9seaux sociaux.\r\n\r\nFacebook :\r\n\r\nNombre de Personnes : 1.415 milliard\r\nTemps moyen pass\u00e9 : 20 minutes\r\nUtilisateur f\u00e9minin : 53%\r\nUtilisateur masculin : 47%\r\n\r\n\r\n\r\nPinterest :\u00a0\r\n\r\nNombre de Personnes :\u00a0\u00a070 millions\r\nUtilisateur f\u00e9minin : 85%\r\nUtilisateur masculi...<\/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 Page [&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}]}}