iwoh Posted July 10, 2013 Share 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) Link to comment Share on other sites More sharing options...
vekia Posted July 10, 2013 Share 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% Link to comment Share on other sites More sharing options...
iwoh Posted July 10, 2013 Author Share 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 ? Link to comment Share on other sites More sharing options...
vekia Posted July 10, 2013 Share 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. Link to comment Share on other sites More sharing options...
iwoh Posted July 10, 2013 Author Share 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!! Link to comment Share on other sites More sharing options...
vekia Posted July 10, 2013 Share 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 Link to comment Share on other sites More sharing options...
Recommended Posts