Comment Mettre Les Drapeaux Des Langues L'un A Coter De L'autre

[lococcinelle]

Bonjour tout le monde.
j'ai un souci avec mon site de vente donc en haut a droite se trouve le menu déroulant a l’intérieur du menu il y a les 4 langue mais le souci moi j'aimerai enlever le menu déroulant et mettre seulement les 4 drapeaux l'un a coter de l'autre a la même place mais sans un menu déroulant cet possible a faire aider moi svp je n'arrete pas de changer les code dans css ou tpl  merci bcp bonne journée  
 

 

[Mediacom87]

Bonjour,

 

il faut surcharger le code tpl du module blocklanguages dans votre template directement et ne faisant la boucle que pour afficher les drapeaux.

[lococcinelle]

Bonjour,

merci bcp de m'aider a mon souci

donc jai regarder via le .css et jai aussi essayer de changer quelque code dedans mais rien a faire, ainsi aussi .tmp, je me demande si le "div li" est bien le menu deroulant je ne sais pas.

tenez mon code de /themes/pos_sahara_digital2/css/modules/blocklanguages/blocklanguages.css

"#languages-block-top {
  float: right;
  position: relative; }
  #languages-block-top span.firstWord {
    display: none; }
  #languages-block-top div.current {
    font-weight: bold;
    padding: 8px 10px 10px 10px;
    line-height: 18px;
    color: white;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
    cursor: pointer; }
    @media (max-width: 479px) {
      #languages-block-top div.current {
        text-align: center;
        padding: 9px 5px 10px;
        font-size: 11px; } }
    #languages-block-top div.current strong {
      color: #777777; }
    #languages-block-top div.current:after {
      content: "\f0d7";
      font-family: "FontAwesome";
      font-size: 18px;
      line-height: 32px;
      color: #fff;
      vertical-align: -2px;
      padding-left: 12px; }
      @media (max-width: 479px) {
        #languages-block-top div.current:after {
          padding-left: 2px;
          font-size: 13px;
          line-height: 13px;
          vertical-align: 0; } }
    @media (max-width: 479px) {
      #languages-block-top div.current .cur-label {
        display: none; } }
  #languages-block-top ul {
    display: none;
    position: absolute;
    top: 35px;
    left: 10px;
    width: 80px;
    background: #fff;
    z-index: 2; }
    #languages-block-top ul li {
      color: white;
      line-height: 35px;
      font-size: 13px; }
      #languages-block-top ul ,
      #languages-block-top ul> span {
        padding: 0 10px 0 12px;
        display: block;
        color: #FE6634; }
        #languages-block-top ul li.selected span{color: #fff;}"

j'ai aussi regarder via "examiner l'element' et voila ce que j'aimerais avoir que les drapeaux

 

[Mediacom87]

Bonjour,

 

je n'ai jamais parlé de css dans un premier temps mais de TPL.

 

Soit le code smarty affichant le module.

 

le module n'affiche pas les drapeaux il faut donc reprendre une partie du code du module présent dans les archives des version 1.5 pour retrouver le code des images des drapeaux puis de l'adapter pour vos besoins.

[lococcinelle]

Bonjour,

 

je n'ai jamais parlé de css dans un premier temps mais de TPL.

 

Soit le code smarty affichant le module.

 

le module n'affiche pas les drapeaux il faut donc reprendre une partie du code du module présent dans les archives des version 1.5 pour retrouver le code des images des drapeaux puis de l'adapter pour vos besoins.

bonjour

ok je croyais je vous répéte je suis débutant mon tpl je vous l'envoie je les regarder encore et encore je ne trouve rien

 

{*

* 2007-2014 PrestaShop

*

* NOTICE OF LICENSE

*

* This source file is subject to the Academic Free License (AFL 3.0)

* that is bundled with this package in the file LICENSE.txt.

* It is also available through the world-wide-web at this URL:

* http://opensource.org/licenses/afl-3.0.php

* If you did not receive a copy of the license and are unable to

* obtain it through the world-wide-web, please send an email

* to [email protected] so we can send you a copy immediately.

*

* DISCLAIMER

*

* Do not edit or add to this file if you wish to upgrade PrestaShop to newer

* versions in the future. If you wish to customize PrestaShop for your

* needs please refer to http://www.prestashop.com for more information.

*

*  @author PrestaShop SA <[email protected]>

*  @copyright  2007-2014 PrestaShop SA

*  @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)

*  International Registered Trademark & Property of PrestaShop SA

*}

<!-- Block languages module -->

{if count($languages) > 1}

 <div id="languages-block-top" class="languages-block">

 {foreach from=$languages key=k item=language name="languages"}

 {if $language.iso_code == $lang_iso}

 <div class="current">

 <!-- Flag image -->

 <img class="imgLanguages" src="{$img_lang_dir}{$language.id_lang}.jpg" alt="{$language.iso_code}" width="25" height="13" />

 <!-- /Flag image -->

 <span>{$language.name|regex_replace:"/\s\(.*\)$/":""}</span>

 </div>

 {/if}

 {/foreach}

 <ul id="first-languages" class="languages-block_ul toogle_content">

 {foreach from=$languages key=k item=language name="languages"}

 <li {if $language.iso_code == $lang_iso}class="selected"{/if}>

 {if $language.iso_code != $lang_iso}

 {assign var=indice_lang value=$language.id_lang}

 {if isset($lang_rewrite_urls.$indice_lang)}

 <a href="{$lang_rewrite_urls.$indice_lang|escape:'html':'UTF-8'}" title="{$language.name}">

 {else}

 <a href="{$link->getLanguageLink($language.id_lang)|escape:'html':'UTF-8'}" title="{$language.name}">

 {/if}

 {/if}

 <!-- Flag image -->

 <img class="imgLanguages" src="{$img_lang_dir}{$language.id_lang}.jpg" alt="{$language.iso_code}" width="25" height="13" />

 <!-- /Flag image -->

 <span>{$language.name|regex_replace:"/\s\(.*\)$/":""}</span>

 {if $language.iso_code != $lang_iso}

 </a>

 {/if}

 </li>

 {/foreach}

 </ul>

 </div>

{/if}

<!-- /Block languages module -->

 

e vous remercie bcp