Jump to content
kapselj

Po włączeniu języka francuskiego strona przesuwa się do prawej

Recommended Posts

Witam,

 

Od niedawna mam sklep w wielu językach. Wszystko śmiga poza francuskim.

Po włączeniu francuskiego cała strona sklepu ucieka do prawej.( inne jżeyki ok)

 

W global.css znalazłem kod:

 

}
.fr{
  float: right;
}
 
To on powoduje przesunięcie. Po usunięciu strona się centruje ale za to wszystkie przyciski uciekają do lewej ( we wszystkich językach). Nie mogę rozgryźć tego powiązania.
 
Będę zobowiązany za pomysły.
 
pozdrawiam,
 
K

 

 

post-765893-0-29056800-1403950252_thumb.png

post-765893-0-11968500-1403950298_thumb.png

Share this post


Link to post
Share on other sites

a możesz tymczasowo włączyć francuski na swojej stronie? :)

 

oops mój bład, jest!

Share this post


Link to post
Share on other sites

sprawdziłem jak wygląda bez tego float:right; i szczerze mówiąc nie mogę doszukać się różnicy pomiędzy wersją np. PL a FR.

możesz pokazać plik header.tpl z Twojego szablonu?

 

chodzi mi wyłacznie o fragment: <body>

Share this post


Link to post
Share on other sites

Strona bez .fr wygląda ok do momentu składania zamówienia i klikania dalej.

Po skasowaniu przyciski "dalej" z prawej strony zjeżdzają się z przyciskami wróć, anuluj etc które są z lewej strony. ( dzieje sie to wtedy we wszystkich wersjach językowych.

 

Jeśli mój opis jest mało obrazowy to zmodyfikuje aby zademonstrować.

post-765893-0-89275800-1403951565_thumb.png

Share this post


Link to post
Share on other sites

kod jest ucięty

5e3VYPr.png

 

wklej proszę cały fragment tej linii, w formie tekstu najlepiej bo nie widzę tego, że miałbym to przepisywać ;)

Share this post


Link to post
Share on other sites

Faktycznie urwałem:)

 

<body {if isset($page_name)}id="{$page_name|escape:'htmlall':'UTF-8'}"{/if} class="{if $hide_left_column}hide-left-column{/if} {if $hide_right_column}hide-right-column{/if} {if $content_only} content_only {/if} {$lang_iso}">
{if !$content_only}
{if isset($restricted_country_mode) && $restricted_country_mode}
<div id="restricted-country">
<p>{l s='You cannot place a new order from your country.'} <span class="bold">{$geolocation_country}</span></p>
</div>
{/if}
<div id="page" class="container_9 clearfix">
 
<!-- Header -->
<div id="header" class="grid_9 alpha omega">
                        <div class="header-logo-container">
                                  <a id="header_logo" href="{$base_dir}" title="{$shop_name|escape:'htmlall':'UTF-8'}">
                                          <img class="logo" src="{$logo_url}" alt="{$shop_name|escape:'htmlall':'UTF-8'}" {if $logo_image_width}width="{$logo_image_width}"{/if} {if $logo_image_height}height="{$logo_image_height}" {/if} />
                                  </a>
                                </div>
<div id="header_right" class="grid_9 omega">
{$HOOK_TOP}
</div>
</div>
 
<div id="columns" class="grid_9 alpha omega clearfix">
 
                          {if $page_name != 'index'}  
                                <!-- Left -->
<div id="left_column" class="column grid_2_1 alpha">
{$HOOK_LEFT_COLUMN}
</div>
                          {/if}
<!-- Center -->
<div id="center_column" class=" {if $page_name == 'index'}grid_9{else}grid_5 {/if}">
{/if}

Share this post


Link to post
Share on other sites

ok,

zamiast {$lang_iso} wstaw pl


<body {if isset($page_name)}id="{$page_name|escape:'htmlall':'UTF-8'}"{/if} class="{if $hide_left_column}hide-left-column{/if} {if $hide_right_column}hide-right-column{/if} {if $content_only} content_only {/if} pl">

Share this post


Link to post
Share on other sites

Kurcze już myślałem że się udało:)

Strona się centruje, buttony są na swoim miejscu niestety wszystkie są wyświetlone w wersji polskiej.

 

Tzn nie zaciągają się w wersjach właściwych dla danego języka.

Są stworzone specjalnie na potrzeby sklepu i zapisane w global.css ten sposób:

 

}
.pl .btn-show-products{
  background:url("../img/img_miss/zobacz_produkty_maly.png") no-repeat 0px 0px;
}
.pl .btn-show-products:hover {
  background:url("../img/img_miss/zobacz_produkty_maly.png") no-repeat 0px -28px;
}
.gb .btn-show-products{
  background:url("../img/img_miss/zobacz_produkty_maly_en.png") no-repeat 0px 0px;
}
.gb .btn-show-products:hover {
  background:url("../img/img_miss/zobacz_produkty_maly_en.png") no-repeat 0px -28px;
}
.de .btn-show-products{
  background:url("../img/img_miss/zobacz_produkty_maly_de.png") no-repeat 0px 0px;
}
.de .btn-show-products:hover {
  background:url("../img/img_miss/zobacz_produkty_maly_de.png") no-repeat 0px -28px;
}
.fr .btn-show-products{
  background:url("../img/img_miss/zobacz_produkty_maly_fr.png") no-repeat 0px 0px;
}
.fr .btn-show-products:hover {
  background:url("../img/img_miss/zobacz_produkty_maly_fr.png") no-repeat 0px -28px;
}
.es .btn-show-products{
  background:url("../img/img_miss/zobacz_produkty_maly_es.png") no-repeat 0px 0px;
}
.es .btn-show-products:hover {
  background:url("../img/img_miss/zobacz_produkty_maly_es.png") no-repeat 0px -28px;
}
.ru .btn-show-products{
  background:url("../img/img_miss/zobacz_produkty_maly_ru.png") no-repeat 0px 0px;
}
.ru .btn-show-products:hover {
  background:url("../img/img_miss/zobacz_produkty_maly_ru.png") no-repeat 0px -28px;
}
.ja .btn-show-products{
  background:url("../img/img_miss/zobacz_produkty_maly_ja.png") no-repeat 0px 0px;
}
.ja .btn-show-products:hover {
  background:url("../img/img_miss/zobacz_produkty_maly_ja.png") no-repeat 0px -28px;
}
.ar .btn-show-products{
  background:url("../img/img_miss/zobacz_produkty_maly_ar.png") no-repeat 0px 0px;
}
.ar .btn-show-products:hover {
  background:url("../img/img_miss/zobacz_produkty_maly_ar.png") no-repeat 0px -28px;
}

post-765893-0-23522300-1404054313_thumb.png

Share this post


Link to post
Share on other sites

ok jużrozumiem o co w tym szablonie chodzi ;)

otóż, korzysta on z tych znaków identyfikujących język do budowy poszczególnych elementów.

chyba trzeba jednak przywrócić kod który sugerowałem zmienić, 

 

zamiast tego, trzeba pogrzebać w cssach, tj, usunąć zbędne css zdefiniowane dla elementu nadrzędnego .fr

Share this post


Link to post
Share on other sites

global.css

Wystarczy tylko wywalić:

.fr {
    float: right;
}
 
I wszystko jest OK.
 
Edit:
W pierwszym poście napisałeś, że usunąłeś:
 
}
.fr{
  float: right;
}

 

O jeden nawias za dużo skasowałeś, dlatego butony uciekały :)

Edited by Yabber (see edit history)

Share this post


Link to post
Share on other sites

no właśnie nie do końca, sypały się buttony ;)

Share this post


Link to post
Share on other sites

Na 100%.

To jest kawałek jego css:

.ar .button-next {

    background: url("../img/img_miss/kolejny_krok_ar.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.ar .button-next:hover {
    background: url("../img/img_miss/kolejny_krok_ar.png") no-repeat scroll 0 -52px rgba(0, 0, 0, 0);
}
.fr {
    float: right;
}

Nad językiem są style buttonów.

Share this post


Link to post
Share on other sites

Dzięki za głos w debacie;)

 

Niestety to nie nawias. To była pierwsza rzecz której próbowałem, Jest jakieś powiązanie którego nie widzę:/

 

Wrzucam cały plik jakby ktoś chciał zerknąć.

global.css

Share this post


Link to post
Share on other sites

o które konkretnie buttony chodzi? 

Share this post


Link to post
Share on other sites

Ten szajs:

.fr {
    float: right;
}

siedzi jeszcze w product.css

I może jeszcze w stu innych :)

Share this post


Link to post
Share on other sites

Znalazłem w czym jest problem.

Klasa fr to jest float right, a fl to float left.

I klasa fr gryzie się z językiem fr.

 

Trzeba w cssach zmienić klasę fr np. na fright.

I w tplach sprawdzić i podmienić fr na fright.

Edited by Yabber (see edit history)

Share this post


Link to post
Share on other sites

gdyby nie te buttony w formie img .... ;)

obawiam się, że tych miejsc w których jest fr może być nieco więcej

 

dziwny szablon

Share this post


Link to post
Share on other sites

To sprawa się trochę komplikuje :/

 

Jeśli tak to wygląda to muszę się zastanowić czy dla francuskiego ryzykować modyfikację tylu plików.

 

Dzięki za wszystkie uwagi!

 

k

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More