{"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   Supprimer redirection Home apr\u00e8s s\u2019\u00eatre connect\u00e9 lors du  tunnel d\u2019achat en 5 ...  
views 1336<\/div><\/a>\n\t\t\t\t\t\t\t\tApr\u00e8s avoir install\u00e9 le tunnel de commande en 5 \u00e9tapes\u00a0sur le site e-commerce d'un client, j'ai rencontr\u00e9 un probl\u00e8me lors de l'\u00e9tape inscription.\r\n\r\nEn effet, si vous d\u00e9sirez vous connecter \u00e0 votre compte durant le tunnel d'achat en 5 \u00e9tapes, vous \u00eates redirig\u00e9 automatiquement vers la page d\u2019accueil au lieu d'\u00eatre renvoy\u00e9 sur l'\u00e9tape suivante.\r\n\r\n\r\nComment supprimer ce probl\u00e8me de direction de Pr...<\/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   Les Fran\u00e7ais, le e-commerce et les tablettes  
views 111<\/div><\/a>\n\t\t\t\t\t\t\t\tCette infographie, r\u00e9alis\u00e9e par Content Square, met en avant les comportements de navigation et d\u2019achats des fran\u00e7ais sur tablette, 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 : 5% du chiffre d'affaires du e-commerce Fran\u00e7ais se font sur s...<\/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   Ins\u00e9rer un favicon dans votre boutique Prestashop  
views 6663<\/div><\/a>\n\t\t\t\t\t\t\t\tA) Qu'est ce qu'un favicon ?\u00a0\r\nLe favicon est l'ic\u00f4ne qui se situe \u00e0 \u00a0gauche de l'URL dans la barre d'adresse de votre navigateur\r\n\r\n\r\nB)\u00a0Quelle est la taille d'un favicon ?\u00a0\r\nCette ic\u00f4ne a g\u00e9n\u00e9ralement une taille de 16 \u00d7 16 ou 32 \u00d7 32 pixels.\r\n\r\n\r\nC) Comment ins\u00e9rer un favicon sur ma boutique Prestashop ?\u00a0\r\n1. Vous devez cr\u00e9er une image de16 \u00d7 16 ou 32 \u00d7 32 pixels en utilisant Photoshop par exemp...<\/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   Check-list pour bien construire sa page cat\u00e9gorie PrestaShop  
views 297<\/div><\/a>\n\t\t\t\t\t\t\t\tCHECK-LIST FICHE CATEGORIE\r\nVous avez install\u00e9 PrestaShop et maintenant vous d\u00e9sirez cr\u00e9er vos cat\u00e9gories. 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 cat\u00e9gories, je vous conseille de bien penser \u00e0 la structure de votre site. En effet les cat\u00e9gories et sous-cat\u00e9gories vont avoir une influence sur votre menu, vos...<\/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   Bug Google MAP \u2013 Petit probl\u00e8me\u2026  | Prestashop 1.6  
views 4132<\/div><\/a>\n\t\t\t\t\t\t\t\tVous \u00eates sur Prestashop 1.6 et la carte Google MAP, ne s'affiche pas sur la page \"magasins\"\u00a0?\r\n\r\nVoici un tutoriel qui va permettre de r\u00e9gler ce petit souci.\r\n\r\n\r\n\r\n\r\n\r\nA) Obtenir un cl\u00e9 API sur google\r\n\r\nPour g\u00e9n\u00e9rer une cl\u00e9 API de la part de google, allez sur le site suivant : https:\/\/developers.google.com\/maps\/documentation\/javascript\/?hl=fr et cliquez sur obtenir une cl\u00e9\r\n\r\n\r\n\r\nOPTION\u00a0 1)\u00a0\r\n\r...<\/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 Mettre sa boutique en maintenance et acc\u00e9der \u00e0 sa boutique \u00a0| Prestashop 1.6 et 1.7 views 5244 Lorsque vous d\u00e9sirez effectuer […]<\/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}]}}