Settings in detail view (photo description / detail window) are not applied

Phoca Gallery - image gallery extension
ngc
Phoca Member
Phoca Member
Posts: 16
Joined: 05 Nov 2023, 12:05

Re: Settings in detail view (photo description / detail window) are not applied

Post by ngc »

Hallo Christine, hallo Jan,
vielen Dank für eure Antworten! :-) Langsam wird es mir klarer..

Verstehe ich es nun richtig, dass also die Einstellungen unter der Komponente [Phoca Gallery -> Optionen -> Detail view] alle ignoriert werden? Hier mit (1) und (2) markiert:
Screenshot: https://www.herpetofauna.at/tmp/phocafo ... gs_neu.png
Also dass es Bootstrap und Standard Popup sowie Magnificent derzeit nicht gibt?
Weil im Plugin -> Main Options gibt es immer nur "Photoswipe".

Und dann noch eine Frage, die Beschriftung (die nun funktioniert, danke!) wird bei mir zu schmal dargestellt:
Screenshot: https://www.herpetofauna.at/tmp/phocafo ... mittig.png
Ist das Absicht? Sollte das nicht über die gesamte Bildbreite gehen?
Es kommt denke ich aus der default-skin.css von Photoswipe:

Code: Select all

.pswp__caption__center {
  text-align: left;
  max-width: 420px;
  margin: 0 auto;
  font-size: 13px;
  padding: 10px;
  line-height: 20px;
  color: #CCC; }
(Link zur Testgallery: https://herpetofauna.eu/index.php/reisen/testbericht )

Vielen Dank
Gerald
PS. I sent a message over the contact form of the main page.
christine
Phoca Hero
Phoca Hero
Posts: 2739
Joined: 28 Nov 2010, 17:20

Re: Settings in detail view (photo description / detail window) are not applied

Post by christine »

Hallo Gerald,
ngc wrote: 07 Nov 2023, 22:24
Also die Frage 1) überlasse ich dem Jan. Danke :-)

Frage 2)
die Beschriftung (die nun funktioniert, danke!) wird bei mir zu schmal dargestellt:
Screenshot: https://www.herpetofauna.at/tmp/phocafo ... mittig.png

Ist das Absicht? Sollte das nicht über die gesamte Bildbreite gehen?
Wie man es halt mag (default vor-formatiert).
Es kommt denke ich aus der default-skin.css von Photoswipe:
Ja - und Du kannst es selbst ändern: Beispiel:

Code: Select all

.pswp__caption__center {
max-width: none;  
}
oder halt die Breite, die man möchte.

CSS Änderungen aber nicht in obiger CSS, sondern in Deine custom.css des Templates, weil sonst wird das beim nächsten Phoca Update überschrieben.
https://www.joomshaper.com/documentatio ... eader-code

Liebe Grüße
Christine
User avatar
Jan
Phoca Hero
Phoca Hero
Posts: 47898
Joined: 10 Nov 2007, 18:23
Location: Czech Republic
Contact:

Re: Settings in detail view (photo description / detail window) are not applied

Post by Jan »

Hallo, ja, momentan gibt es nur Photoswipe in Plugin.

Jan
If you find Phoca extensions useful, please support the project
ngc
Phoca Member
Phoca Member
Posts: 16
Joined: 05 Nov 2023, 12:05

Re: Settings in detail view (photo description / detail window) are not applied

Post by ngc »

Danke für eure Antworten.
es wäre super, wenn die Description immer gleich breit wie das Bild wäre, das sieht am schönsten aus. Nur leider weiß ich nicht, wie ich das mit css löse..
@Christine
Ich habe dir eine email geschickt (ich habe noch keine Berechtigung für PMs)

LG
Gerald
christine
Phoca Hero
Phoca Hero
Posts: 2739
Joined: 28 Nov 2010, 17:20

Re: Settings in detail view (photo description / detail window) are not applied

Post by christine »

Hallo Gerald,
ngc wrote: 08 Nov 2023, 22:26 es wäre super, wenn die Description immer gleich breit wie das Bild wäre, das sieht am schönsten aus.
Ja, verstehe ich. Hab einiges probiert, krieg es aber nicht hin.
Eventuell so:

Code: Select all

.pswp__caption div{
width: 38%;  
}
Temporär funktioniert das zwar, aaaaaaaaaber: ist abhängig von der Bildbreite, welche unterschiedlich ist.
Beispiele:

"Isthmohyla pseudopuma" bei Breite von 287px > width: 30%;
Breite 257px > width: 27%;
Breite 347px > width: 38%;
usw. halt :-)

Liebe Grüße
Christine
christine
Phoca Hero
Phoca Hero
Posts: 2739
Joined: 28 Nov 2010, 17:20

Re: Settings in detail view (photo description / detail window) are not applied

Post by christine »

Hallo Gerald,

da bin ich wieder. Habe nämlich gesehen, dass Du in die custom.css einen Code reingegeben hast.
Anhand Beispiele:

Anolis tropidolepis - https://herpetofauna.eu/index.php/reise ... d=1&pid=10

Ähnlich auch bei: Asaccus montanus. Frag mich nicht, wo ich das liebe Tierchen gesehen hatte :-)

Bei beiden oben (bzw. andere) ist die Beschreibung: kurz.
Daher zieht sich dies kurze Beschreibung nach links raus.

Abhilfe als Kompromiss könnte schaffen:

Code: Select all

/*.pswp__caption__center {
max-width: 70%;  
}*/

.pswp__caption__center {
width: 70%;  
}
text-align: center; könnte man auch noch ev. dazutun.

Liebe Grüße
Christine
ngc
Phoca Member
Phoca Member
Posts: 16
Joined: 05 Nov 2023, 12:05

Re: Settings in detail view (photo description / detail window) are not applied

Post by ngc »

Hallo Christine,
danke für deine Antwort!
Ich habe es jetzt so gelöst

Code: Select all

.pswp__caption__center {
max-width: 70%; 
text-align: center;
}
Denn wenn ich nur width verwende, wird es von max-width "overruled".

Dennoch würde ich es toll finden, wenn es sich in einer der zukünftigen Versionen gleich der Bildbreite einstellen lässt :-)
christine
Phoca Hero
Phoca Hero
Posts: 2739
Joined: 28 Nov 2010, 17:20

Re: Settings in detail view (photo description / detail window) are not applied

Post by christine »

Hallo Gerald,
ngc wrote: 12 Nov 2023, 18:04 Denn wenn ich nur width verwende, wird es von max-width "overruled".
Nö, bei mir temporär nicht, da ich die max-width auskommentiert habe (siehe oben) :-)
Dennoch würde ich es toll finden, wenn es sich in einer der zukünftigen Versionen gleich der Bildbreite einstellen lässt :-)
Weiß ich leider nicht. Wie schon irgendwo erwähnt, sind ja die Bilder nicht gleich breit. Wären sie gleich breit, könnte man die genauen % nehmen.

Liebe Grüße
Christine
ngc
Phoca Member
Phoca Member
Posts: 16
Joined: 05 Nov 2023, 12:05

Re: Settings in detail view (photo description / detail window) are not applied

Post by ngc »

Hallo Christine,

wenn ich in der custom.css etwas auskommentiere, sollte der Bereich eigentlich keinen Einfluss mehr haben. Also es sollte dann die standard max-width aus der default-skin.css mit 420px verwendet werden, zumindest meinem Verständnis nach :-)
Oder meinen wir unterschiedliche Dinge?

LG
Gerald
christine
Phoca Hero
Phoca Hero
Posts: 2739
Joined: 28 Nov 2010, 17:20

Re: Settings in detail view (photo description / detail window) are not applied

Post by christine »

Hallo Gerald,

jetzt doch noch kurz, da morgen unterwegs.

Vorrangig ist das, was Du in die custom.css schreibst. Der "Rest" was nicht angesprochen wird, bleibt in der default.
Hier änderst Du ja von max-width auf width.

Anhand eines Beispieles, der Unterschied.

a) mit: max-width 70%;

Image

b) mit: width: 70%;

Image

Die Bilder musste ich aber extrem für hier verkleinern. Aber man kann sich das schon vorstellen.
In Live siehst Du den Unterschied besser. Probiere es mit anderen Bildern auch aus.

Liebe Grüße & Gute Nacht,
Christine
Post Reply