Tło Strony Oraz Nagłówek

[antoonioo]

Cześć,

 

Na początku muszę dodać, że jestem początkującym użytkownikiem presty.

Znalazłem na forum sporo tematów odnośnie mojego problemu ale żadne z rozwiązań tam proponowanych nie przyniosły oczekiwanego przeze mnie rezultatu więc postanowiłem zapytać.

 

Chciałbym aby w tle strony było zdjęcie o wymiarach 1220 x 957. Chciałbym żeby to tło było we wszystkich kolumnach, na całej stronie. Dodatkowo chciałbym żeby na górze strony, w miejscu gdzie jest logo sklepu, moduł wyszukiwania oraz podsumowanie koszyka, był nagłówek w formie zdjęcia o wymiarach 980 x 294.

 

Czy możecie mi powiedzieć gdzie i co powinienem zmienić?

Używam domyślnego szablonu default-bootstrap w prestashop 1.6.1.3

 

Z góry bardzo dziękuję za pomoc!

[krzysiek_web]

Dopiero był podobny temat.

https://www.prestashop.com/forums/topic/504458-wstawienie-zdj%C4%99cia-na-t%C5%82o/page-2?hl=%2Bt%C5%82o+%2Bstrony&do=findComment&comment=2249548

[antoonioo]

Widziałem ten temat zanim zadałem pytanie

 

Jako, że nie wiem w którym dokładnie miejscu wstawić poniższy kod to wstawiłem go na samym początku pliku ale po użyciu ctrl+F5 nic sie nie zmienia...

body {

background: url('../img/bg.jpg');

}

Oczywiście plik bg.jpg wgrałem do katalogu themes/default-bootstrap/img/

 

http://eshop.msbizon.com

[krzysiek_web]

Plik global.css

 

W sekcji wydajność włącz kompilację szablonu.

[antoonioo]

To, że akurat w tym pliku to wiem ale czy na pewno w dobrym miejscu? Mój plik w załączniku.

 

Kompilacja szablonu w sekcji wydajność jak najbardziej włączona.

 

Niestety tło się nie pojawia...

global.css

[endriu107]

To ja dodam małą podpowiedź, w standardzie jest ustawione tło dla każdego z kontenerów, a więc twoje jest dla body, są jeszcze kontenery które nakładają się na body czyli header, column-coineiner i footer one też maja swoje tła które przykrywają twoje tło. Zobacz linie 5727 i 5740.

[krzysiek_web]

Jak powyżej.

 

Usuń background z:

.header-container {

.columns-container {

header {

background: #fff;

[antoonioo]

Cześć,

 

Dziękuję za podpowiedź! Pomogło!

Widziałem te pozycje jak przeglądałem plik lecz uznałem, że skoro tło daję na początku pliku to ten wpis będzie ważniejszy niż późniejsze.

 

Teraz pozostaje jeszcze tylko kwestia nagłówka na górze strony...

[krzysiek_web]

Ma to być jako tło?

 

Sekcja header zapewne.

[antoonioo]

Chciałbym aby tło pozostało takie same na całej stronie czyli tak jak wcześniej zdefiniowałem w pliku global.css

 

W pliku header.tpl zrobiłem małe zmiany:

<img class="logo img-responsive" src="{$img_ps_dir}naglowek.png?{$time}" alt=
"{$shop_name|escape:'html':'UTF-8'}" {if isset($logo_image_width) && $logo_image_width} width="{$logo_image_width}"{/if}{if 
isset($logo_image_height) && $logo_image_height} height="{$logo_image_height}"{/if}/>

zmieniłem width="{$logo_image_width}" oraz height="{$logo_image_height}" na width="980" oraz height="294"

 

czyli faktyczne wymiary zdjęcia które ma się znaleźć. Niestety na stronie ten obrazek jest dużo mniejszy rzeczywisty rozmiar...

 

 

 

[endriu107]

To tak nie działa, te ustawienia logo powróć tak jak były a w pliku header.tpl masz zdefiniowany kontener na logo i on ma szerokość 33,3333% szerokośći strony. Tak więc poczytaj o bootstrapie.