Width of boxes - category view

[truecria]

I have the same problem with the width of box in category view. The changes into template.css have no effect.
Ich habe das selbe Problem, wie oben beschrieben. Die Änderungen in der template.css haben keine Auswirkungen.

Hallo truecria,

Der Thread ist von 2016. Mittlerweile gibt es einige diverse HTML/CSS Änderungen. Deine Galerie kann ja anders aussehen als vom TE.

Bitte einen eigenen Thread dazu eröffnen inkl. Joomla / PG Version, am besten einen Link zur Seite. Vielen Dank

Liebe Grüße
Christine

Zuerst mal Danke für die rasche Rückmeldung. Ich habe nun einen neuen Thread eröffnet. Betrifft folgende URL: http://beercavaliers.ch/joomla/index.ph ... ory/1-test und das nur in der Mobilen Ansicht (Screenshot siehe hier). Danke für die Hilfe.

[christine]

Hallo truecria,

Du könntest z.B. die thumb_m 150px groß machen, statt 100. Es wird sich aber an der mobilen Version nichts ändern.
Außer dass sie natürlich größer sind

Themes: Responsive PG 4 wirst Du ja haben. (siehe backend)
Es hilft nichts, wenn wir da mit margins etc. herumfeilen, da dann die Responsivität verloren geht.

Vorschlag: Options > General Settings > Phoca Gallery Center > Yes (Category View) oder beide.

Wenn Du möchtest, kannst Du noch in die template.css geben:

Code: Select all

div.pagination-centered {
display:inline-flex;  
}

Liebe Grüße
Christine

[truecria]

Hallo Christine

Danke für deine Rückmeldung.

Ja, ich habe Responsive PG 4 als Theme. Das mit dem Center bewirkt leider bei den Boxen nichts (Reihenfolge & Nummer anzeigen stehen nun zentriert - auch ohne Erweiterung der template.css). Wenn die m_thumbnails verkleiert werden, werden auch die Boxen automatisch kleiner? Falls ja, wo ist diese Grösse definiert? Ist es bei den Optionen Thumbnails -> Images And Detail Window Size Settings -> Medium Image Width?

Liebe Grüsse,
Daniel

[christine]

Hallo Daniel,

"(Reihenfolge & Nummer anzeigen stehen nun zentriert ..." > das meinte ich nicht, sondern (wenn Du möchtest) kann man die pagination in einer Zeile darstellen (mit obigem Code).

Warum möchtest Du die m_thumbnails verkleinert haben? Wie auch immer, ja diese stellst Du dort ein (wie Du oben angegeben hast).
Falls größer, ein Beispiel: Mittleres Bild-Breite: 224, Höhe 150. Kleines Bild: 112/75.
Bei Größenänderungen, danach die Miniaturbilder nochmals generieren lassen.

Eventuell nötig (falls größer): Kategorie Ansicht: Platz für die Bildbox > vergrößerte Bildhöhe in px)

Liebe Grüße
Christine

[truecria]

Mein Ziel ist es einfach, dass mindestens 3 auf einer Zeile dargestellt werden und nicht 2, wie bisher. Erreiche ich dieses Ergebnis, wenn ich die m_thumbnails verkleinere?

Gruss,
Daniel

[christine]

Hallo Daniel,

Mein Ziel ist es einfach, dass mindestens 3 auf einer Zeile dargestellt werden und nicht 2, wie bisher. Erreiche ich dieses Ergebnis, wenn ich die m_thumbnails verkleinere?

ja,vielleicht. Eventuell mit 50px Breite. Jetzt hast Du ja 100px. 3 Bilder nebeneinander gehen ab ca. breakpoint: 368px.
Bei ca. 280px derzeit 2 Bilder. Überprüft mit: Strg+Shift+M

Kannst Du also nur ausprobieren.

Liebe Grüße
Christine

[truecria]

Hat mit 70 funktioniert :) Letztes Problem: Die Ratings-Sterne gehen nun über die Boxen. Ich habe in der Ratings.css folgende Passage margin von 0px auf -10px angepasst angepasst

Code: Select all

/* Voting small */
#phocagallery .star-rating-small,
.star-rating-small{
  list-style:none;
  margin: 0px;
  margin-top:5px;
  margin-bottom:5px;
  padding:0px;
  width: 80px;
  height: 16px;
  position: relative;
  background: url(../../images/icon-voting-small.png) top left repeat-x;

Wo kann ich noch die Sterne verkleinern, damit alle Platz haben? Falls das nicht möglich sein sollte, deaktiviere ich die Bewertung einfach. Vielen Danke für deine Geduld.

[christine]

Hallo Daniel,

Du hast ja eh schon die kleinen, also star-rating-small. Sehe es mir an, befürchte aber, dass noch kleinere gebaut werden müssten
Sind ja 16x48. Könntest noch probieren statt von 70 auf 80 zu gehen. Ob es dann OK aussieht, weiß ich nicht.
Wenn ich noch was dazu finde, melde ich mich.

INFO: Nehme an, Du hast noch nicht auf Joomla 3.8.4 upgedated. Joomla 3.8.3 ist OK. Würde es so (einstweilen) lassen.
Gibt da mit pagination Probleme. Weiß nicht, das muss alles noch erforscht werden usw.

Liebe Grüße
Christine

[christine]

Also das Icon ist hier: http://beercavaliers.ch/joomla/media/co ... -small.png und ist 16x48.
siehe auch in Deinem Code. Könntest die Grafik verkleinern (Bildprogramm) auf z.B. 10 = proportional: 10x30. Vielleicht nützt das was.

Falls gelungen, dann obigen Code mit neu installiertem Bild in die template.css geben (sonst ist es bei PG update wieder Original).
Vor dieser Aktion backup von der Datei machen.

[truecria]

Hallo Christine

Ich habe es mit 14x42 und folgenden Einstellungen in Ratings.css hinbekommen:

Code: Select all

/* Voting small */
#phocagallery .star-rating-small,
.star-rating-small{
  list-style:none;
  margin: -10px;
  margin-top:5px;
  margin-bottom:5px;
  padding:0px;
  width: 70px;
  height: 14px;
  position: relative;
  background: url(../../images/icon-voting-small.png) top left repeat-x;
}

Der Code ist jetzt auch so im Gallery-Template (bei mir custom_responsive.css) und funktioniert dort ebenfalls ohne Probleme.

Vielen Dank für deine Hilfe :)

Gruss,
Daniel