{"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   Supprimez le champs \u00ab\u00a0objet\u00a0\u00bb du formulaire de contact | Prestashop 1.6  
views 2047<\/div><\/a>\n\t\t\t\t\t\t\t\tIl est tr\u00e8s important d'avoir un formulaire de contact simple, efficace et ergonomique.\r\n\r\nPour un premier contact, le formulaire que propose Prestashop est tr\u00e8s bien. Le seul champs que je supprimerais est \u00a0le champs \"Objet\". Il vous facilite peut-\u00eatre la t\u00e2che mais il complique celle de votre client.\r\n\r\nSi le client oublie de faire sa s\u00e9lection\u00a0(par d\u00e9faut Service client ou\u00a0Webmaster), Prestasho...<\/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 TENDANCES E-COMMERCE DE 2015 EN INFOGRAPHIE  
views 223<\/div><\/a>\n\t\t\t\t\t\t\t\tCette infographie, r\u00e9alis\u00e9e par Webloyalty, met en avant\u00a0 les tendances du e-commerce en France en 2015.\r\n\r\nQuelques chiffres :\r\n\u2013 8 Fran\u00e7ais sur 10 feront leurs achats en ligne,\r\n\u2013 81% d\u2019entre eux ach\u00e8teront au moins 1 fois tous les deux mois sur un site e-commerce,\r\n\u2013 38% des Fran\u00e7ais pr\u00e9voient de d\u00e9penser entre 100\u20ac et 500\u20ac en ligne et 16% moins de 100\u20ac. Par rapport \u00e0 2014, 58% pr\u00e9voient de d\u00e9p...<\/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   L\u2019action de scroller sur un site e-commerce permet-il d\u2019augmenter les conversi...  
views 613<\/div><\/a>\n\t\t\t\t\t\t\t\tLes chiffres de cette infographie , r\u00e9alis\u00e9e par Content Square,\u00a0 ont \u00e9t\u00e9 obtenus en analysant pr\u00e8s de 50 millions de visites r\u00e9parties sur plus de 100 sites E-commerce, tous secteurs d\u2019activit\u00e9 confondus.\r\nPour rappel : scroller consiste \u00e0 faire d\u00e9filer les pages de votre site internet de haut en bas.\r\n\r\n1) Evolution du comportement du scroll\r\nEn 2014, on peut noter une augmentation du taux de sc...<\/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   Comment bien poster sur Facebook | Infographie  
views 374<\/div><\/a>\n\t\t\t\t\t\t\t\tCette infographie, vous montre comment publier efficacement sur FacebooK.\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   Manque d\u2019inspiration : 10 exemples de fiches produits  
views 6031<\/div><\/a>\n\t\t\t\t\t\t\t\tLe th\u00e8me de la fiche produit fait couler beaucoup d'encre sur les blogs ou les sites de conseils webmarketing. Pour cause, elle est un \u00e9l\u00e9ment important dans le taux de conversion.\r\n\r\nExiste t-il une fiche produit \u00ab\u00a0parfaite\u00a0\u00bb valable pour tous les sites e-commerce ?\r\n\r\nLa r\u00e9ponse est non ,\u00a0chaque site \u00e0 besoin de ses propres informations \u00a0et de les adapter en fonction du client. Une fiche produit...<\/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 COMMENT AJOUTER UN TRANSPORTEUR DANS PRESTASHOP 1.6 ? views 3745 Dans ce tutoriel, nous allons voir comment ajouter et param\u00e9trer un […]<\/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}]}}