Polskie wsparcie PrestaShop
PrestaShop => Wygląd => Wątek zaczęty przez: potocznyart w Styczeń 28, 2011, 11:28:03 pm
-
Potrzebuję pomocy. Otwieram swój sklep i mam pytanie jak przenieść wyszukiwarkę z góry do bloku który miałby być nad kategoriami? Podaje link do strony: http://www.roberton.pl/ (http://www.roberton.pl/)
Z góry dzięki za odpowiedzi!
-
Musisz pogrzebać w global.css
-
Znalazłem sekcję kodu css który odpowiada za wyszukiwarkę, ale co trzeba w tym kodzie zmienić?
/* block top search */
#header_right #search_block_top {
float: right;
background: #e5e6e7 url('../img/block_search_bg.jpg') no-repeat top right;
margin-bottom: 11px;
width: 336px;
height: 28px
}
#header_right #search_block_top p { padding: 0.4em 0 0.4em 1em }
#header_right #search_block_top label, #header_right #search_block_top input { float: left }
#header_right #search_block_top label {
background: transparent url('../img/icon/search.gif') no-repeat 0 2px;
float: left;
width: 19px;
height: 18px;
display: block
}
#header_right #search_block_top input#search_query { width: 12em }
/* block left column "Quick search" */
#search_block_left input { margin: 2px 0 0 0 }
#search_block_left #search_query { width: 11em }
#search_button { display: inline }
-
najpierw ustaw szerokość itp, aby wyglądem pasowała do lewej kolumny.
Następnie należy zmienić ustawiania w plliku php.
-
W głównym katalogu w pliku search.php trzeba to zmienić? Jeśli tak to jakie zmiany trzeba tam wprowadzić?
-
Wszystko co trzeba zmienić jest w global.css. Aby móc "poruszać" tym oknem jak się chce trzeba dodać funkcję
position:absolute; ,
następnie marginesami
top;left;right;bottom
ustawia się żądaną pozycje.
U mnie wygląda to tak:
/* block left column "Quick search" */
#search_block_left input { margin: 2px 0 0 0 }
#search_block_left
{ float: left;
background: #e5e6e7;
position:absolute;
top:110px;
right:10px;
bottom:10px;
left:845px;
width: 336px;
height: 20px
Skutkuje to tym, że okno to wyskakuje mi gdzieś w okolicach prawego, górnego rogu jak dobrze pamiętam.
-
Niestety nie za bardzo Cię rozumie. Wstawiam link do mojego pliku global.css: http://www.roberton.pl/themes/Electronix/css/global.css (http://www.roberton.pl/themes/Electronix/css/global.css). Jeśli mógłbyś go zobaczyć i napisać mi gdzie mam coś zmienić i na co, to byłbym wdzięczny.
-
Czy jest ktoś kto może mi pomóc?
-
Linijka 871 zaczyna się konfig tego bloku. Od linijki 874 możesz wstawiać na wzór mojego i obserwować co się dzieje.