{"id":993,"date":"2015-07-01T08:56:38","date_gmt":"2015-07-01T08:56:38","guid":{"rendered":"http:\/\/www.majory-cubizolles.fr\/blog\/?p=993"},"modified":"2017-01-23T18:28:10","modified_gmt":"2017-01-23T18:28:10","slug":"ajouter-le-drapeau-du-pays-dans-le-bloc-langues-astuce-prestashop","status":"publish","type":"post","link":"https:\/\/www.majory-cubizolles.fr\/blog\/ajouter-le-drapeau-du-pays-dans-le-bloc-langues-astuce-prestashop\/","title":{"rendered":"Ajouter le drapeau du pays dans le bloc langues | Astuce Prestashop 1.6"},"content":{"rendered":"

Vous d\u00e9sirez ins\u00e9rer le drapeau du pays des langues que vous avez choisies pour votre site e-commerce. L’astuce est simple et rapide.<\/p>\n

Valable pour Prestashop 1.6.<\/p>\n

——————-<\/p>\n

<\/p>\n

1) Ouvrez le fichier\u00a0blocklanguages.tpl qui se situe dans themes > lenomdevotretheme > modules >\u00a0blocklanguages > blocklanguages.tpl.<\/p>\n

Il va falloir ins\u00e9rer ce code \u00e0 deux endroits. \u00a0Par d\u00e9faut, j’ai mis la largeur \u00e0 25 et la hauteur \u00e0 13 mais vous pouvez modifier les dimensions selon vos envies.<\/p>\n

 <img class=\"imgLanguages\" src=\"{$img_lang_dir}{$language.id_lang}.jpg\" alt=\"{$language.iso_code}\" width=\"25\" height=\"13\" \/><\/pre>\n
Voici le code complet du fichier \u00a0avec le morceaux de code ajout\u00e9.<\/p>\n
Je l’ai mis juste devant\u00a0 <span>{$language.name|regex_replace:\u00a0\u00bb\/\\s\\(.*\\)$\/\u00a0\u00bb:\u00a0\u00bb\u00a0\u00bb}<\/span> qui se situe au d\u00e9but et \u00e0 la fin<\/p>\n
<!-- Block languages module -->\r\n{if count($languages) > 1}\r\n <div id=\"languages-block-top\" class=\"languages-block\">\r\n {foreach from=$languages key=k item=language name=\"languages\"}\r\n {if $language.iso_code == $lang_iso}\r\n <div class=\"current\">\r\n <!-- Flag image --> \r\n <img class=\"imgLanguages\" src=\"{$img_lang_dir}{$language.id_lang}.jpg\" alt=\"{$language.iso_code}\" width=\"25\" height=\"13\" \/>\r\n <!-- \/Flag image -->\r\n <span>{$language.name|regex_replace:\"\/\\s\\(.*\\)$\/\":\"\"}<\/span>\r\n <\/div>\r\n {\/if}\r\n {\/foreach}\r\n <ul id=\"first-languages\" class=\"languages-block_ul toogle_content\">\r\n {foreach from=$languages key=k item=language name=\"languages\"}\r\n <li {if $language.iso_code == $lang_iso}class=\"selected\"{\/if}>\r\n {if $language.iso_code != $lang_iso}\r\n {assign var=indice_lang value=$language.id_lang}\r\n {if isset($lang_rewrite_urls.$indice_lang)}\r\n <a href=\"{$lang_rewrite_urls.$indice_lang|escape:'html':'UTF-8'}\" title=\"{$language.name}\">\r\n {else}\r\n <a href=\"{$link->getLanguageLink($language.id_lang)|escape:'html':'UTF-8'}\" title=\"{$language.name}\">\r\n {\/if}\r\n {\/if}\r\n <!-- Flag image --> \r\n <img class=\"imgLanguages\" src=\"{$img_lang_dir}{$language.id_lang}.jpg\" alt=\"{$language.iso_code}\" width=\"25\" height=\"13\" \/>\r\n <!-- \/Flag image -->\r\n <span>{$language.name|regex_replace:\"\/\\s\\(.*\\)$\/\":\"\"}<\/span>\r\n {if $language.iso_code != $lang_iso}\r\n <\/a>\r\n {\/if}\r\n <\/li>\r\n {\/foreach}\r\n <\/ul>\r\n <\/div>\r\n{\/if}\r\n<!-- \/Block languages module --><\/pre>\n
Voila le r\u00e9sultat \u00a0:\u00a0<\/strong><\/p>\n
\"Ajouter<\/a><\/p>\n
Je vous l’accorde il faut un peu de css pour harmoniser le tout.<\/p>\n
2) Pour cela, on va ouvrir le fichier \u00a0blocklanguages.css qui se situe dans themes > lenomdevotretheme > css > modules >\u00a0blocklanguages> \u00a0blocklanguages.css.<\/p>\n
Modifier le code qui doit se situer vers la ligne 55<\/p>\n
#languages-block-top ul li a,\r\n      #languages-block-top ul li > span {\r\n        padding: 0 10px 0 12px;\r\n        display: block;\r\n        color: #fff; }<\/pre>\n
par<\/p>\n
\u00a0#languages-block-top ul li a,\r\n #languages-block-top ul li > span {\r\n    display: inline-block;\r\n    color: #fff; }\r\n #languages-block-top ul li .imgLanguages {\r\n    border:1px solid #fff; \r\n    margin: 0 10px;}\r\n #languages-block-top div .imgLanguages {\r\n    border:1px solid #fff; \r\n    margin-right: 5px;}<\/pre>\n
Maintenant si on regarde de nouveau votre site, le r\u00e9sultat est beaucoup mieux :<\/p>\n
\"Capture<\/p>\n
 <\/p>\n
 <\/p>\n
 <\/p>\n
Articles similaires<\/h2><\/div>\n\t\t\t\t\t\t
  \n\t\t\t\t\t\t  \n\t\t\t\t\t\t  
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t 
<\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t   G\u00e9n\u00e9rer du trafic qualifi\u00e9 | Infographie SEO  
views 244<\/div><\/a>\n\t\t\t\t\t\t\t\tVous d\u00e9sirez obtenir un trafic qualifi\u00e9 sur votre site ?\r\n\r\nPour cela n'h\u00e9sitez pas \u00e0 utiliser le SEO (r\u00e9f\u00e9rencement naturel) , le SEA (r\u00e9f\u00e9rencement payant) et le SMO (media sociaux) :\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
  \n\t\t\t\t\t\t  \n\t\t\t\t\t\t  
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t 
<\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t   Comportements d\u2019achats du consommateur  
views 498<\/div><\/a>\n\t\t\t\t\t\t\t\t\r\nQuatre types de comportements d\u2019achats peuvent \u00eatre identifi\u00e9s :\r\n- \u201cFull Web\u201d : les consommateurs font leurs recherches sur Internet et ach\u00e8tent en ligne. (Ils repr\u00e9sentent 88% des consommateurs en 2013).\r\n\r\n\r\n\r\n- \u201cFull Store\u201d : les consommateurs recherchent et ach\u00e8tent seulement en magasin. (Ils repr\u00e9sentent 63% des consommateurs en 2013).\r\n\r\n- \u201cShowroomer\u201d : les consommateurs se renseignent e...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t
  \n\t\t\t\t\t\t  \n\t\t\t\t\t\t  
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t 
<\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t   Transformer les tabs de la page d\u2019accueil en bloc |  Astuce Prestashop 1.6  
views 5150<\/div><\/a>\n\t\t\t\t\t\t\t\tCe tutorial va vous permettre\u00a0de\u00a0transformer les tabs \"Populaire\", \"Meilleurs ventes\", \"Nouveaux Produits\" et \"Promotions\" de la page d'accueil en bloc\r\n\r\nCette astuce Prestashop a \u00e9t\u00e9 test\u00e9e\u00a0sur la version 1.6.1\r\n\r\nAttention, cette astuce est conseill\u00e9e pour les personnes qui connaissent un minimum Prestashop, html et css.\r\n\r\n\r\nA)\u00a0\u00a0Bloc Populaire\r\n1) \u00a0Aller dans Modules > Positions.\r\n\r\n1.1 ) D...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t
  \n\t\t\t\t\t\t  \n\t\t\t\t\t\t  
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t 
<\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t   Greffer le menu haut horizontal dans displayNav |  Astuce Prestashop 1.6  
views 4544<\/div><\/a>\n\t\t\t\t\t\t\t\tCe tutoriel va vous permettre de greffer le module \"menu haut horizontal\" dans displayNav\r\n\r\nCette astuce Prestashop est valable pour la version 1.6\r\n\r\n--------------------------\r\n\r\nOn va dans un premier temps greffer le module au hook displayNav :\r\n\r\n1) Modules > Position > Greffer un module (en haut \u00e0 droite). Greffer le module \"Menu Haut Horizontal sur displayNav.\r\n\r\n\r\n\r\n\r\n\r\n2) Cliquez su...<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t
  \n\t\t\t\t\t\t  \n\t\t\t\t\t\t  
\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t 
<\/div>\n\t\t\t\t\t\t  <\/div>\n\t\t\t\t\t\t  <\/a>\n\t\t\t\t\t\t   Petit Memo sur les r\u00e9seaux sociaux  
views 131<\/div><\/a>\n\t\t\t\t\t\t\t\tCette infographie r\u00e9capitule les dimensions des images et photos sur\u00a0Facebook, Twitter, LinkedIn, Google+ & YouTube. \u00a0A garder pr\u00e8s de soi.\r\n\r\n\r\n\r\n\r\n\r\n\r\n\r\n\u00a0\r\n\r\n\u00a0<\/span>\n\t\t\t\t\t\t   \n\t\t\t\t\t\t<\/div>\n<\/div>  ","protected":false},"excerpt":{"rendered":"
Vous d\u00e9sirez ins\u00e9rer le drapeau du pays des langues que vous avez choisies pour votre site e-commerce. L’astuce est simple et rapide. Valable pour Prestashop 1.6. ——————- Articles similaires D\u00e9sactiver les deux zooms de la page produit | Astuce Prestashop 1.6 views 4690 Ce tuto simple et rapide va vous […]<\/p>\n","protected":false},"author":1,"featured_media":1000,"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\/993"}],"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=993"}],"version-history":[{"count":0,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/posts\/993\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/media\/1000"}],"wp:attachment":[{"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/media?parent=993"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/categories?post=993"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.majory-cubizolles.fr\/blog\/wp-json\/wp\/v2\/tags?post=993"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}