Hej, przejrzałem całe forum i nie ma lepszego rozwiązania z galerią albo nie działają podpisy pod zdjęciami albo nieładnie wygląda, pobrałem kod na galerię z templatki http://quickcarttemplates.info/showcase/id61df/?gallery,19
Działają podpisy pod fotkami ;) i galeria bardzo ładnie wygląda, fotki w galerii 150x150px
testowałem na Quick cart 3.6 - działa lux ;)
rozwiązanie:
KROK-1 W pliku pages_default.tpl w BEGIN CONTAINER zmienić:
otwórz katalog confik/general.php i tam znajdź $config['pages_images_sizes'] = Array( 0 => 100, 1 => 200 ) możesz dopisywać lub zmieniać np: 2=> 150
ja zastąpiłem fotki 100 na 150 u mnie kod wygląda tak $config['pages_images_sizes'] = Array( 0 => 100, 1 => 200 )
KROK-3 w pliku default.css /* IMAGES STYLES */ zmień kod:
.imagesList{list-style:none;} .imagesList li{margin:0 0 10px 0;background:inherit;color:#5b5b5b;font-size:0.917em;text-align:center;} .imagesList li img{border:2px solid #dcdac9;} .imagesList li a:hover img{border:2px solid #dcc7a7;} .imagesList li div{text-align:center;} #imagesList1{float:left;} #imagesList2{clear:right;float:right;margin:10px 0 0 10px;} #page #imagesList1{margin:10px 10px 0 0;} #product #imagesList2{clear:right;margin:5px 0 0 10px;} #product .imagesList#imagesList1 li div{width:200px;} #product .imagesList#imagesList2 li div{width:100px;margin:0;} html>/**/body #product .imagesList#imagesList2 li div{margin:0 auto;} * html #product .subpagesList li{margin:0;}
na następujący:
.imagesList{list-style:none;} .imagesList li{float:left;height:150px;width:150px;margin:0 10px 10px 0;color:#5b5b5b;font-size:0.917em;text-align:center;} .imagesList li img{border:0;} .imagesList li div{text-align:center;} #imagesList1{float:left;margin:10px 10px 0 0;} #imagesList2{clear:right;float:right;margin:10px 0 0 10px;}
każdy ma inny sklep i inną szerokość mogą być przysłonięte lekko podpisy pod fotkami dlatego należy pokombinować z margin:0 10px 10px 0; przestawiając na np. 0 15px 15px 0 lub dać na 20 px
jeśli fotki w galerii mają mieć wielkość 100px to trzeba zastąpić .imagesList li{float:left;height:150px;width:150px na: .imagesList li{float:left;height:100px;width:100px no i omijamy KROK 2
dodałam sobie tą galerię na stronie wszystko działa ok, ale mam kolejne pytanie.
Nie potrafię sobie poradzić z taką rzeczą: na stronie obecnie mam kilka linijek tekstu i pod tym tekstem galerię, bo zdjęcia do niej dodają się automatycznie pod tekstem.
Chciałabym pod galerią znów móc dodać jakiś krótki tekst. Jak to zrobić? Skoro zawsze automatycznie zdjęcia galerii są wrzucane na koniec a ja chciałabym tekst nad i pod galerią.
sprobowalem sobie w najnowszym quicku i ten sposob jest ok ale w sumie zamienia galerie boczna na dolna - w pages_default.tpl sa wpisy $aImages[3] i $aImages[4] ale nie da sie ich wykorzystac - albo ja cos zle robie...
div pageinside nie wiem jak się tam zakradło. Galerię boczną niestety tracimy kosztem galerii poziomej. Jak ktoś ma mało opisów z boczną fotką to podaje rozwiązanie ręczne
wcześniej fotkę o nazwie np"obraze1" trzeba skopiować do katalogu files
następnie w edytor tekstu wystarczy wstawić
<img src="http://nazwa-twojej-strony.pl/files/obrazek1.jpg" style="float:left;" />twój opis
chcemy żeby fotka była po prawej stronie to zmieniamy na float:right
da się dodać ale to jest już bardziej skomplikowane, prościej jest zintegrować SimpleViewer ze skryptem tak by można było przez Panel administracyjny dodawać zdjęcia. Lub można zakupić u Makarona gotowy plugin http://www.mak-web.pl/pluginy.html
cały kod bloku /* IMAGES STYLES */ zmienić na: #imagesList1{margin: 10px 0px 0 400px;} #imagesList2{clear: right;float: right;} .imagesList{list-style:none;} .imagesList li{float: right;height: 130px;width: 140px;color: #FFFFFF;font-size: 0.917em;text-align: center;} .imagesList li img{border:2px solid #dcdac9;} .imagesList li div{text-align:center;}
Krok 3. W pliku templates/pages_default.tpl
usuwamy: $sTxtSize
natomiast tekst: $aImages[2] przenosimy bezpośrednio nad: $aImages[4]
Krok 4. W zależności od szerokości strony można kombinować z marginesami z kroku 2. (dotyczy to wartości 400px oraz 130px i 140px) oraz kolorem i wielkością czcionki.
Wiem, że temat galerii jest już przemaglowany i przemielony, ale szukałam odpowiedzi na moje pytanie na forum i nie znalazłam. Poza tym blondynkom się wybacza :)
Na stronie produktu jest duże zdjęcie, pokazujące to, na które najedziemy myszą, a z boku są zdjęcia produktu, które mamy wgrane. Problem w tym, że te małe ikonki zdjęć są w jednej, pionowej kolumnie. Co mam zrobić, żeby tych pionowych kolumn było np. 4 obok siebie?
Spróbuj rozwiązania na http://opensolution.org/Quick.Cms/forum/wyswietlanie-miniaturek-zdjec-w-poziomie!-%29,585.html Testowane na Quick Cms i Card - zobacz: http://www.siemianowka.pl/abc/?pl_02,2,,,1
Dzięki wielkie Jupraw, wiem, że galeria pozioma działała świetnie pod 3.x, bo sama już to podwieszałam, ale teraz mam Quick.Cart v5.2, a w komentarzach innych osób jest napisane, że pod piątką to rozwiązanie nie działa.
Gdyby ktoś miał inne pomysły, proszę o pomoc. Pozioma galeria też wchodzi w grę, ale zależy mi na zachowaniu tego dużego zdjęcia, które zmienia się w zależności od tego na którą miniaturkę najedziemy myszą.