Strony:

Galeria zdjęć w poziomie - najlepsze rozwiązanie na forum

euphoria-art

Avatar: euphoria-art

2010-07-16 09:44

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ć:

<div id="page">
$sTxtSize
$aImages[3]
$aImages[1]
$aImages[2]
<h3>$aData[sName]</h3>
<div class="content" id="pageDescription">$aData[sDescriptionFull]</div>
$sPages
$sFilesList
$aImages[4]
$sSubpagesList
$sProductsList
$sBasketList
$sOrder
</div>

na taki kod:

<div id="page">
<div id="pageinside">
$sTxtSize
<h3>$aData[sName]</h3>
<div class="content" id="pageDescription">$aData[sDescriptionFull]</div>
$aImages[3]
$aImages[1]
$aImages[2]
$sPages
$sFilesList
$aImages[4]
$sSubpagesList
$sProductsList
$sBasketList
$sOrder
</div>

KROK-2
zmieniamy wielkość fotki:

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

» Quick.Cart v3.x

http://www.obrazygaleria.pl

euphoria-art

Avatar: euphoria-art

2010-07-16 09:46

KROK-2 MAŁA POPRAWKA

ja zastąpiłem fotki 100 na 150 u mnie kod wygląda tak
$config['pages_images_sizes'] = Array( 0 => 150, 1 => 200 )

http://www.obrazygaleria.pl

euphoria-art

Avatar: euphoria-art

2010-07-16 10:06

jeszcze mała poprawka w 1 KROKU w pliku pages_default.tpl w BEGIN CONTAINER stawiamy po $sOrder 2 razy </div> czyli
$sOrder
</div>
</div>

http://www.obrazygaleria.pl

refik

Avatar: refik

2010-11-01 20:24

Witam,

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ą.

prosze o pomoc

konart

Avatar: konart

2010-11-25 22:49

help
jak zrobić te galerie?

konart

krzyzyk

Avatar: krzyzyk

2011-03-19 22:42

no u mnie tez tak samo może jednak ktoś podpowie jak to zrobić

euphoria-art

Avatar: euphoria-art

2011-03-20 11:34

konart i krzyzyk w czym problem, przecież szczegółowo opisane jest co i gdzie zmienić

pxl666

Avatar: pxl666

2011-03-20 12:11

galeria jest generowana pod blokiem tresci - musialbys stworzyc nowy blok tresci i dodac go w adminie - to nie jest takie latwe

lepiej w takim wypadku zainstalowac fck i wstawiac zdjecia oblewane tekstem

pxl666

Avatar: pxl666

2011-03-20 20:36

takie male pytanie - poco dodajesz div pageinside skoro nie stylujesz go dodatkowo?

pxl666

Avatar: pxl666

2011-03-20 23:22

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...

euphoria-art

Avatar: euphoria-art

2011-03-21 12:38

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


lub jak kto woli może zainstalować sobie fck

pxl666

Avatar: pxl666

2011-03-21 14:07

no wlasnie - a nie da sie "dodac" trzeciego sposobu wyswietlania obrazow?

euphoria-art

Avatar: euphoria-art

2011-03-21 15:15

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

lux

Avatar: lux

2011-03-28 02:36

Jak się dodaje zdjęcia do tej galerii?

euphoria-art

Avatar: euphoria-art

2011-03-28 09:51

fotki dodaje się tak jak w wersji free, przez panel admina. Zamiast bocznego zdjęcia mamy fotki w poziomie, lecz tracimy boczny opis.

Jupraw

Avatar: Jupraw

2011-11-17 20:23

Można też inaczej zrobić zachowując układ wyboru zdjęć: z prawej (zdjęcia jak w oryginale) i dół (galeria). Testowane na Quick.Cms.

Krok 1. W pliku config/lang_pl.php (i pozostałe pliki językowe)

tekst:
$aPhotoTypes[1] = 'Lewa';
$aPhotoTypes[2] = 'Prawa';

zmienić na:
$aPhotoTypes[1] = 'Prawa';
$aPhotoTypes[2] = 'Galeria';


Krok 2. W pliku templates/default.css:

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.

Zarema

Avatar: Zarema

2012-09-16 02:36

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?

&#187; Quick.Cart v5.2

Z góry dziękuję za odpowiedź.

http://rakowicz.home.pl/nowa/?fusce-felis-enim

Jupraw

Avatar: Jupraw

2012-09-17 15:07

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

Zarema

Avatar: Zarema

2012-09-17 16:37

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ą.

Zarema

Avatar: Zarema

2012-09-17 16:47

Znalazłam tu rozwiązanie do czwórki

http://opensolution.org/Quick.Cms/forum/image-gallery,1972.html

czy będzie działał pod piątką?

Strony:
Do góry
o nas | kontakt