iwoh Posted July 10, 2013 Posted July 10, 2013 (edited) 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... Można podglądać pod adresem http://voytex.dkonto.pl Edited July 10, 2013 by iwoh (see edit history) Share this post Link to post Share on other sites More sharing options...
vekia Posted July 10, 2013 Posted July 10, 2013 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 More sharing options...
iwoh Posted July 10, 2013 Posted July 10, 2013 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 More sharing options...
vekia Posted July 10, 2013 Posted July 10, 2013 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 More sharing options...
iwoh Posted July 10, 2013 Posted July 10, 2013 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 More sharing options...
vekia Posted July 10, 2013 Posted July 10, 2013 jestem w trakcie analizowania kodu i szukania najprostszego rozwiązania. przeniesienie modułu do hookHeader by ułatwiło sprawę, ale nie jest to eleganckie rozwiązanie Share this post Link to post Share on other sites More sharing options...
Recommended Posts