Jump to content

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

kapselj

By kapselj
in Forum ogólne

 Share

Recommended Posts

kapselj Newbie

kapselj

Posted
Posted

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

Link to comment
Share on other sites
vekia Apprentice

vekia

Posted
Posted

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>

Link to comment
Share on other sites
kapselj Newbie

kapselj

Posted
  • Author
Posted

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

Link to comment
Share on other sites
kapselj Newbie

kapselj

Posted
  • Author
Posted

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}
Link to comment
Share on other sites
vekia Apprentice

vekia

Posted
Posted

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">
Link to comment
Share on other sites
kapselj Newbie

kapselj

Posted
  • Author
Posted

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

Link to comment
Share on other sites
vekia Apprentice

vekia

Posted
Posted

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

Link to comment
Share on other sites
Yabber Apprentice

Yabber

Posted
Posted (edited)

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)
Link to comment
Share on other sites
Yabber Apprentice

Yabber

Posted
Posted

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.

Link to comment
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
 Share
Go to topic listing
×
×
  • Create New...