Jump to content

Homeslider na całą szerokość ekranu?


Recommended Posts

Czy można w jakiś sposób zmodyfikować standardowy moduł homeslidera, żeby slajdy zajmowały całą szerokość ekranu? Czyli np. slajd ma szerokość 1280 pikseli, a kontener szablonu default, w którym mieści się cała strona tylko 980 pisekli? Przykład o co mi chodzi w załączniku.

 

Do tej pory kombinowałam.

W module homeslider ustawiłam szerokość slajdu na 1280 pikseli, wczytałam slajdy. W pliku bx_styles.css dodałam szerokości w klasach .bx-window, .bx-wrapper, ale to nic nie daje

 

.bx-window {margin-bottom:20px;widht: 1280px;}
.bx-wrapper {
margin-bottom:20px;
height:430px;
widht: 1280px;
}

 

Nadal jednak slide nie wyświetla się cały, jest obcinany do szerokości 980 pikseli, a chodzi właśnie o efekty, że slide są rozciągnięte na cały ekran...post-627383-0-22119000-1373449256_thumb.jpg

 

Można podglądać pod adresem http://voytex.dkonto.pl

Edited by iwoh (see edit history)

Share this post


Link to post
Share on other sites

w tym celu bez modyfikacji zarówno modułu jak i template się nie obejdzie. generalnie to proponuję skorzystać z: http://www.prestashop.com/forums/topic/256941-module-prestashop-homeslider-on-top-free-modification/

następnie przenieść moduł poza <div id=page> który ma 980px szerokości.

następnie w stylach css oraz ustawieniach modułu ustawiasz width na 100%

Share this post


Link to post
Share on other sites

1. Zainstalowałam ten "home slider on top" i nic się nie wyświetla (poprzedni usunęłam), są zaczytane obrazki, i wszystko niby jest tylko go nie widać --> oczyściłam katalog cache/smarty/compile, oczyściłam cache przeglądarki i slidera nie widać. Co powinnam zrobić? Przypominam adres do podglądania to http://voytex.dkonto.pl

 

2. Jak go przenieść przed <div id="page"> posiłkując się instrukcją stąd http://mypresta.eu/en/art/tips-and-tricks/how-to-move-image-slider-module-from-home-to-top-in-prestashop.html ?

Share this post


Link to post
Share on other sites

W tym przypadku będzie nieco więcej pracy niż myślałem.

Wydaje mi się, że korzystanie z tego slidera zrobi więcej problemów, bowiem obrazki automatycznie nie skalują się.

Co w przypadku kiedy załadowane obrazy (slajdy) będą w mniejszym rozmiarze niż rozdzielczość ekranu? Wówczas pojawią się nieestetyczne białe puste przestrzenie. Na siłę mozna spróbować dokonczyć konfigurację tego modułu.

 

Gdzieś widziałem responsywny slider, darmowy, więc ten problem zostanie wyeliminowany.

Wówczas trzeba będzie przenieść moduł na samą górę listy "displayTop" w moduly > pozycje w back office.

Share this post


Link to post
Share on other sites

Przepraszam już się wyświetla - trzeba było go przeszczepić do "DisplayTop" - teraz go widać, ale nadal nie wiem

 

2. Jak go przenieść przed <div id="page">

 

Prosze o pomoc!!

Share this post


Link to post
Share on other sites

 Share

×
×
  • Create New...

Important Information

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