Widoczność flag przy wyborze języka

PCWitcher · March 17, 2015

Witam

Wiem , że temat z flagami był już przerabiany , ale próbowałem tych sztuczek z plikiem blocklanguages.tpl i nic z tego nie wychodzi, może coś robię źle. W poprzedniej wersji sklepu 1.6.0.9 udało mi się uzyskać ten efekt, ale nie pamiętam krok po kroku co robiłem, bo było to jakiś czas temu.

Używam prestshop 1.6.0.13 lub 1.6.0.11 i na żadnej nie mogę uzyskać efektu widocznych flag w wyborze języka. Strona www.pcwitcher1.com - kod pliku:

<!-- 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 style="border: solid 3px #fff; margin-right:5px;" src="{$img_lang_dir}{$language.id_lang}.jpg" alt="{$language.iso_code}" width="30" height="20" /><!-- /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}
						<span><!-- Flag image --><img src="{$img_lang_dir}{$language.id_lang}.jpg" alt="{$language.iso_code}" width="30" height="20" /><!-- /Flag image--><!--{$language.name|regex_replace:"/\s.*$/":""}--></span>
				{if $language.iso_code != $lang_iso}
					</a>
				{/if}
				</li>
			{/foreach}
		</ul>
	</div>
{/if}
<!-- /Block languages module -->

Zmieniłem wymiary ikon flag na 30x20 i dodałem takie do katalogu ...img/l .

Proszę o wyrozumiałość, jestem początkującym użytkownikiem zarówno forum jak i prestashop.

PCWitcher · March 28, 2015

U mnie flagi się w końcu pokazały, trzeba było wyczyścić cache w BO.

Edited March 28, 2015 by PCWitcher (see edit history)

imogen · March 17, 2015

To powinno pomóc:

http://mypresta.eu/en/art/developer/prestashop-languages-display-flags-only.html

PCWitcher · March 17, 2015

Zmieniłem zapis tego pliku, lecz to nie pomogło, powinny się wyświetlać w poziomie. Nie u mnie, może niechcący pominąłem jakiś krok przy dodawaniu języka, ale przy wyborze tekstowym działa poprawnie, więc nie wiem o co chodzi...

Wygląda to tak:

Jak usunę plik to pojawiają się flagi z lewej strony

Na razie nie mam pomysłu jak osiągnąć cel...

Edited March 17, 2015 by wiedzmin (see edit history)

PCWitcher · March 21, 2015

Może to działa tylko na starszych wersjach.

Obecnie używam 1.6.0.11 oraz 1.6.0.14.

Cristofeles · March 26, 2015

Witam, a może ktoś wie jak wyłączyć flagi?

Po wykasowaniu z katalogu img pokazuje się znak zapytania.

Domyślam sie że coś muszę usunąć z pliku tpl..

Bardzo bym był wdzięczny za wskazówkę....

imogen · March 27, 2015

odinstaluj moduł .. jeżeli chcesz usunąć je całkowice

Cristofeles · March 27, 2015

to znaczy chcę żeby był wybór języka i tak to wygląda że oprócz nazwy języka "polish" and " english" mam obok tych słów flagi ale chce je usunąć.

Domyślam się że jak usunę moduł językowy to pozbawię się wyboru języka....

endriu107 · March 27, 2015

Podaj link do sklepu.

Cristofeles · March 27, 2015

proszę: http://edytamuranska.com/pl/

PCWitcher · March 27, 2015

Pokaż plik blocklanguages.tpl

birdm · January 18, 2016

Witam,

chciałbym odświeżyć temat. Po wprowadzeniu zmian sugerowanych przez imogen'a flagi owszem pojawiają się ale bez nazwy języka.

Jesta jakiś sposób, żeby wyświetlić zarówno nazwę języka jak i flagę??

endriu107 · January 19, 2016

Wydaje mi się ze wystarczy w odpowiednim miejscu dodać: {$language.name}

marcusc · December 1, 2017

{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">
           
           <img style="border: solid 1px #AD1A0D; margin-right:5px;" src="{$img_lang_dir}{$language.id_lang}.jpg" alt="{$language.iso_code}" width="32" height="22" />
       <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}
                       <span><div><img src="{$img_lang_dir}{$language.id_lang}.jpg" alt="{$language.iso_code}" width="32" height="22" /> {$language.name|regex_replace:"/\s.*$/":""} </div></span>
               {if $language.iso_code != $lang_iso}
                   </a>
               {/if}
               </li>
           {/foreach}
       </ul>
   </div>
{/if}

marcusc · December 1, 2017

pokazuje flagi i opis słowny

Grzegorz · August 26, 2018

Witam

Niestety muszę odświeżyć ponownie ten wątek ponieważ powyższe rozwiązanie nie daje rezultatu. Mam jedynie nazwy tekstowe języków bez flag. Byłbym wdzięczny gdyby ktoś miał jakiś sposób na rozwiązanie tego problemu?

link oto mój projekt sklepu

Edited August 26, 2018 by Grzegorz (see edit history)

endriu107 · August 26, 2018

Powyższy kod jest do wersji 1.6 a ty masz 1.7 to po pierwsze, po drugie być może edytujesz nie ten plik?

Tak na szybko wydaje się że wystarczy wstawić jedną linijkę w chciane miejsce:

i to powinno wystarczyć.

Grzegorz · August 27, 2018

Wielkie dzięki !

Ja wstawiłem ten kod w takim miejscu, oczywiście jest to kwestia gustu. Najważniejsze, że pożądany efekt jest osiągnięty.

Mówimy o pliku _languageselector.tpl w themes

<div id="_desktop_language_selector">

  <div class="language-selector-wrapper">
    <span id="language-selector-label" class="hidden-md-up">{l s='Language:' d='Shop.Theme.Global'}</span>
    <div class="language-selector dropdown js-dropdown">
      <button data-toggle="dropdown" class="hidden-sm-down btn-unstyle" aria-haspopup="true" aria-expanded="false" aria-label="{l s='Language dropdown' d='Shop.Theme.Global'}">
        <span class="expand-more">{$current_language.name_simple}</span>
        <i class="material-icons expand-more">&#xE5C5;</i>
      </button>
      <ul class="dropdown-menu hidden-sm-down" aria-labelledby="language-selector-label">
        {foreach from=$languages item=language}
	
          <li {if $language.id_lang == $current_language.id_lang} class="current" {/if}>
		
            <a href="{url entity='language' id=$language.id_lang}" class="dropdown-item">{$language.name_simple}<img src="{$urls.img_ps_url}l/{$language.id_lang}.jpg" /> </a>
          </li>
        {/foreach}
      </ul>
      <select class="link hidden-md-up" aria-labelledby="language-selector-label">
        {foreach from=$languages item=language}
          <option value="{url entity='language' id=$language.id_lang}"{if $language.id_lang == $current_language.id_lang} selected="selected"{/if}>{$language.name_simple}</option>
        {/foreach}
      </select>
    </div>
  </div>
</div>

Edited August 27, 2018 by Grzegorz (see edit history)

Widoczność flag przy wyborze języka

Question

Link to comment

Share on other sites

17 answers to this question

Recommended Posts

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Link to comment

Share on other sites

Create an account or sign in to comment

Create an account

Sign in