{"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   Quel nom de domaine pour mon site e-commerce  
views 242<\/div><\/a>\n\t\t\t\t\t\t\t\t MON NOM DE DOMAINE\r\n \r\nLe choix du nom de domaine est la premi\u00e8re d\u00e9cision importante lorsque vous d\u00e9cidez de cr\u00e9er un site e-commerce ou un site vitrine.\r\n\r\nIl est tr\u00e8s important de r\u00e9fl\u00e9chir \u00e0 celui-ci avant de faire votre choix car il a un impact direct sur votre image de marque sur le web et sur la facilit\u00e9 avec laquelle les internautes trouveront votre site sur les moteurs de recherche.\r\n\r\n\r...<\/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   Inside the Mind of a Freelancer  
views 133<\/div><\/a>\n\t\t\t\t\t\t\t\t<\/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   Le nouveau menu du back-office de Prestashop 1.7 \u2013 Partie 2  
views 5646<\/div><\/a>\n\t\t\t\t\t\t\t\tPour rappel,\u00a0le\u00a0menu du back-office de Prestashop 1.7 est organis\u00e9 en\u00a03 parties\u00a0:\r\n\r\n \tVendre qui regroupe les commandes, le catalogue, les clients, le SAV et les statistiques (voir l'article)\u00a0\r\n \tPersonnaliser qui regroupe les modules, le design, le transport, le paiement et l\u2019international\r\n \tConfigurer\u00a0qui regroupe les pr\u00e9f\u00e9rences et les param\u00e8tres avanc\u00e9s.\r\n\r\n\r\n\r\nDans cet article, nous allons ...<\/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   10 exemples de palettes de couleurs pour vos sites web  
views 4018<\/div><\/a>\n\t\t\t\t\t\t\t\tLe choix de la palette de couleurs est toujours d\u00e9licat : harmonie des couleurs, lisibilit\u00e9 du texte, contraste entre les zones....\r\n\r\nCette liste de palettes pourra fournir une source d'inspiration pour la mise en place de vos maquettes web.\r\n\r\n\r\n~ Inspiration 1 ~\r\n\r\n~ Inspiration 2 ~\r\n\r\n~ Inspiration 3 ~\r\n\r\n~ Inspiration 4 ~\r\n\r\n~ Inspiration 5 ~\r\n\r\n~ Inspiration 6 ~\r\n\r\n~ Inspiration 7 ~\r\n\r\n~ Ins...<\/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   Le pouvoir du hashtag  
views 274<\/div><\/a>\n\t\t\t\t\t\t\t\tLe hashtag connu par ce petit signe\u00a0\u00ab\u00a0#\u00a0\u00bb, permet de suivre un fil de discussion associ\u00e9 au sujet du symbole.\r\n\r\nCette infographie fait donc une r\u00e9trospectif de ce petit symbole au\u00a0pouvoir immense.\r\n\r\n\r\n\r\n\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 Supprimer le cadre blanc autour de vos images | Astuce Prestashop 1.6 views 5276 Lorsqu\u2019on upload une image dans Prestashop, ce […]<\/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}]}}