Právě je 29 bře 2024 13:20

Všechny časy jsou v UTC + 1 hodina




Odeslat nové téma Odpovědět na téma  [ Příspěvků: 3 ] 
Autor Zpráva
 Předmět příspěvku: PrestaShop 1.6 - Formulár, zarovnanie na riadok
PříspěvekNapsal: 19 bře 2015 09:26 
C4 zákazník
Uživatelský avatar

Registrován:
06 čer 2014 18:28
Příspěvky:
607
Zdravím,

Prosím o pomoc, ako a čo zmeniť v prípade, že chcem registračný formulár pre nového zákazníka zmeniť tak, aby sa jednotlivé polia zobrazovali do jedného riadku, viď ilustračný obrázok v prílohe.

Ďakujem pekne za odpoveď


Přílohy:
formular.jpg
formular.jpg [ 200.35 KiB | Zobrazeno 742 krát ]
Nahoru
 Profil  
 
 Předmět příspěvku: Re: PrestaShop 1.6 - Formulár, zarovnanie na riadok
PříspěvekNapsal: 01 dub 2015 16:32 
C4 podpora
C4 podpora

Registrován:
30 čer 2009 08:14
Příspěvky:
8492
Dobrý den,

úpravu musíte provést přímo v šabloně. Takže při vytváření účtu zákazníka u jednostránkového způsobu objednávky se bude jednat o soubor themes/default-bootstrap/order-opc-new-account.tpl. V něj najděte příslušný řádek s názvem pole, např. pro e-mail:
Kód:
<label for="email">{l s='Email'} <sup>*</sup></label>
a elementu label nastavte nový styl:
Kód:
style="float:left; width:150px;"
Takže finální úprava bude vypadat:
Kód:
<label for="email" style="float:left; width:150px;">{l s='Email'} <sup>*</sup></label>

Pak se bude pole zobrazovat vedle textu. Pomocí width si případně můžete změnit vzdálenost pole od textu. Stejnou úpravu proveďte i u dalších polí, které chcete zobrazit na jednom řádku, např.:
Kód:
<label for="passwd" style="float:left; width:150px;">{l s='Password'} <sup>*</sup></label>
...
<label for="firstname" style="float:left; width:150px;">{l s='First name'} <sup>*</sup></label>
...
<label for="lastname" style="float:left; width:150px;">{l s='Last name'} <sup>*</sup></label>
...

A nebo si můžete do souboru themes/default-bootstrap/css/global.css přidat novou třídu pro element label s názvem například radek:
Kód:
label.radek {
  float:left;
  width: 150px;
}
A tuto třídu pak v šabloně nastavíte opět elementu label pomocí class="radek". Takže po úpravě budou řádky vypadat:
Kód:
<label for="email" class="radek">{l s='Email'} <sup>*</sup></label>
...
<label for="passwd" class="radek">{l s='Password'} <sup>*</sup></label>
...

Aby se změna v šabloně projevila, tak nezapomeňte v sekci Nástroje > Výkon > Smarty nastavit volbu kompilace šablony na Překompilovat šablony, pokud byly soubory zaktualizovány, případně Vynucená kompilace (nebo použijte tlačítko Vyčistit mezipaměť). A pokud použijete řešení s novou třídou v souboru global.css, tak si ještě zaktualizujte cache internetového prohlížeče.

_________________
Radek Plašil
Webhosting C4
https://www.c4.cz/


Nahoru
 Profil  
 
 Předmět příspěvku: Re: PrestaShop 1.6 - Formulár, zarovnanie na riadok
PříspěvekNapsal: 02 dub 2015 08:09 
C4 zákazník
Uživatelský avatar

Registrován:
06 čer 2014 18:28
Příspěvky:
607
Ďakujem veľmi pekne, funguje, a dosť pomohlo ;)


Nahoru
 Profil  
 
Zobrazit příspěvky za předchozí:  Seřadit podle  
Odeslat nové téma Odpovědět na téma  [ Příspěvků: 3 ] 

Všechny časy jsou v UTC + 1 hodina


Kdo je online

Uživatelé procházející toto fórum: Žádní registrovaní uživatelé a 1 návštěvník


Nemůžete zakládat nová témata v tomto fóru
Nemůžete odpovídat v tomto fóru
Nemůžete upravovat své příspěvky v tomto fóru
Nemůžete mazat své příspěvky v tomto fóru
Nemůžete přikládat soubory v tomto fóru

Hledat:
Přejít na:  
cron
FTP Uploader
Staňte se naším zákazníkem!
Hledáme kolegy
PrestaShop partneři

Seznam všech partnerů

PrestaShop Hosting
Návody pro C4

© 2009-2024 ČESKÝ WEBHOSTING s.r.o. Kontaktní e-mail: forum@c4.cz
Diskuzní fórum využívá technologie: phpBB, phpBB-SEO.com, phpBB.cz