Portfolio, galeria zdjęć

titledee

Avatar: titledee

2017-12-13 14:04

Cześć.

Chcę się dowiedzieć, jak można zrobić galerię w sklepie?
Obecnie mogę zdjęcia zamieścić po lewej i prawej stronie, a środek zostaje pusty. Wystarczy mi trzecia kolumna.
Ta funkcja dostępna jest w płatnej wersji, czy są darmowe rozszerzenia?
Czy można do darmowej wersji dokupić tylko tą opcję?

Dzięki za pomoc.

» Quick.Cart v6.x

Jacek

euphoria-art

Avatar: euphoria-art

2017-12-13 17:13

http://opensolution.org/forum/?iTopic=8687&iPage=99#post-25

szymaniukjerzy

Avatar: szymaniukjerzy

2017-12-13 17:21

1. W pliku database/config/general.php wiersz:

$aPhotoTypes = Array( 1 => $lang['Left'], 2 => $lang['Right'] );

zmień na:

$aPhotoTypes = Array( 1 => $lang['Left'], 2 => $lang['Right'], 5 => $lang['Fotogaleria'] );

2. W pliku database/config/pl.php po wierszu:

$lang['Files_on_server'] = "Pliki na serwerze";

wstaw wiersz:

$lang['Fotogaleria'] = "Fotogaleria";

3. W pliku templates/default/page.php po wierszu:

echo '<div class="pages">'.$lang['Pages'].': <ul>'.$aData['sPages'].'</ul></div>'; // full description pagination

wstaw wiersz:

echo $oFile->listImagesByTypes( $aData['iPage'], 5 ); // displaying images with type: fotogaleria

4. W pliku templates/default/product.php po wierszu:

echo '<div class="content" id="productDescription">'.$aData['sDescriptionFull'].'</div>'; // full description

wstaw wiersz:

echo $oFile->listImagesByTypes( $aData['iPage'], 5 ); // displaying images with type: fotogaleria

5. W pliku templates/default/style.css za blokiem:

/* list custom */

wstaw blok:

/* fotogaleria */
#imagesList5{list-style:none;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;align-items:center;align-content:center;}
#imagesList5 li{margin:0 0 15px 0;background:inherit;text-align:center;}
#imagesList5 p{max-width:150px;margin:0 auto;color:#333;font-size:0.6em;}
#imagesList5{float:left;margin:10px 0 10px 0;}
#imagesList5 li{float:left;margin:10px;height:150px;width:auto;}


To jest jedno z rozwiązań. Możesz pokombinować ze stylami.

Jerzy

szymaniukjerzy

Avatar: szymaniukjerzy

2017-12-13 17:25

Pomiń punkt 4. Coś tam sknociłem, ale galeria chodzi.

Jerzy

titledee

Avatar: titledee

2017-12-16 00:22

Galeria działa, jest środkowa kolumna. Mam następujące problemy:

Kolumna fotogaleria jest wyżej od lewej i prawej, nie mogę jej obniżyć, aby wyrównać rzędy.
Zdjęcia nie wyświetlają się kolejno od lewej do prawej 123-456, tylko 143-625.

W przykładzie kolegi euphoria-art nie odnalazłem u siebie pliku config.php (mam tylko folder o nazwie config)

Jacek

szymaniukjerzy

Avatar: szymaniukjerzy

2017-12-16 07:39

Nie mogłeś znaleźć pliku config.php, ponieważ jest on w Quiick.Cms i dla tego systemu euphoria-art pisał.
Style zmienia się z pliku templates/default/style.css

Jerzy

szymaniukjerzy

Avatar: szymaniukjerzy

2017-12-16 08:20

Cyt. "Zdjęcia nie wyświetlają się kolejno od lewej do prawej 123-456, tylko 143-625."
A czy nie dla zdjęć nie masz ustawionej pozycji?

Jerzy

titledee

Avatar: titledee

2017-12-16 15:06

Nie chodzi o kolejność wyświetlania miniatur, tylko ich podglądu. Wybieram pierwsze zdjęcie od lewej, wyświetla się duży podgląd i strzałkami przechodzę do następnych. Zamiast wyświetlać się lewe, środkowe, prawe... Wyświetla się lewe, lewe dolne, prawe, prawe dolne, środkowe, środkowe dolne.

/* fotogaleria */
#imagesList5{list-style:none;display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-around;align-items:center;align-content:center;}
#imagesList5 li{margin:0 0 15px 0;background:inherit;text-align:center;}
#imagesList5 p{max-width:150px;margin:0 auto;color:#333;font-size:0.6em;}
#imagesList5{float:left;margin:10px 0 10px 0;}
#imagesList5 li{float:left;margin:10px;height:150px;width:auto;}

Która zmienna odpowiedzialna jest za obniżenie? Próbowałem zmieniać marginesy i bez efektu.

Jacek

szymaniukjerzy

Avatar: szymaniukjerzy

2017-12-16 17:48

Nie na takiego wyświetlania, co ty określasz jako: lewe, lewe dolne, prawe, prawe dolne, środkowe, środkowe dolne.
Wszystko się wyświetla dobrze.
W strukturze strony są najpierw zdjęcia z położenia:
1-lewe
2-prawe
5-galeria
Nie ma położenia "środkowe".
Galeria, w zależności od szerokości strony i ustawień styli, może mieć od jednej do kilku kolumn. To jest przygotowane pod strony responsywne.
Proponuję zapoznać się najpierw z dokumentacją.

Jerzy

titledee

Avatar: titledee

2017-12-16 18:41

Efekt, jaki mnie interesuję to galeria zdjęć wyświetlana poziomo, opisałem przykład, aby był maksymalnie zrozumiały. W tej chwili zdjęcia wyświetlane są pionowo. Od góry lewa kolumna, następnie prawa kolumna i na końcu środkowa kolumna. Chcę ustawić ją w taki sposób, aby wyświetlana była poziomo od lewej strony do prawej -wierszami. Dobrze jest wtedy, gdy uzyskujesz zamierzony efekt, a nie "responsywny", czy zgodny z dokumentacją. Jeżeli masz wiedzę i wykazujesz chęć pomocy, to chętnie skorzystam i podziękuję za Twój poświęcony czas.

Jacek

szymaniukjerzy

Avatar: szymaniukjerzy

2017-12-16 18:53

Raz jeszcze tobie powtarzam. W moim przykładzie nie ma trzeciej kolumny. Jest galeria.
Podaj link do strony.

Jerzy

szymaniukjerzy

Avatar: szymaniukjerzy

2017-12-16 18:57

Jeszcze jedno. Zdjęcia nie umieszczaj w pozycjach "lewa" i "prawa". Wszystkie umieść w galerii.

Jerzy

titledee

Avatar: titledee

2017-12-16 19:16

Ostatni komentarz był kluczem. Galeria działa, wysokość ustawiłem. Zatem dziękuję za pomoc i pozdrawiam.

Jacek

Do góry
o nas | kontakt