Neues Standard-Template "tpl_modified_nova" zur Vorschau

[Ben]

@Tomcraft

Danke =)

[Ben]

Direkt die nächste Frage.

In der Kategorie selber möchte ich links die Kategorien ausblenden lassen, so dass mir die Artikel über die volle Breite angezeigt werden.

Geht das und wenn ja, wo muss ich nachschauen?

Danke

[Markus]

Hi,

das findest du in der index.html vom Template in diesem Abschnitt hier:

Code: PHP  [Auswählen]

{elseif $display_mode == 'listing'}  
...
...

Den musst du entsprechend anpassen.

Markus

[Tomcraft]

Erstellst du noch Tickets oder soll ich?

/admin/removeoldpics.php  muß angepasst werden.
Wenn man auf WebP-Bilder eingestellt hat, den Imageprozessor hat laufen lassen und
Backend => Hilfsprogramme => "Alte Bilder löschen"
anwendet, sind die WebP-Bilder wieder gelöscht.
[...]

Quelle: modified eCommerce Shopsoftware 3.0.0 rev 15588 veröffentlicht

Sowie:

Ich bin ja, wenn ich das hier noch einmal anbringen darf (und auch wenn nicht ) nach wie vor der Meinung man sollte bei Hochladen der Bilder die Bildmaße via getimagesize()  berechnen und in der DB speichern.
(Weiß nicht mehr wo, hatten wir aber glaube ich schon mal irgendwo be- bzw. angesprochen.)
Dann kann man sie bei Ausgabe der Bilder ohne nenneswerten Performance-Impact als width-  und height- und als style- Angabe mit in den img-tag schreiben, was max-width und ~-height erlauben würde inkl. object-fit.
[...]

Grüße

Torsten

[Tomcraft]

Tickets sind angelegt worden.

• Ticket #2622
• Ticket #2623

Grüße

Torsten

[noRiddle (revilonetz)]

@Markus
Nochmal zum Bild-Thema:
Jemand hat mal im Safari-Browser auf macOS Sonoma 14.1.1  getestet.
Mit meinem Code-Vorschlag gibt es keine Probleme.

[...]
Ich habe das gelöst, indem ich in der im Template neu angelegten */css/tpl_custom.css  diesen Eintrag angelegt habe:

Code: CSS  [Auswählen]

/*fix not to scale image to container size in product_info, noRiddle, 11-2023*/
.pd_image_big img {
  width:initial;
  height:initial;
  max-width:90%;
  max-height:90%;
}

[...]

Ich weiß, wie bereits besprochen greift

Code: CSS  [Auswählen]

object-fit: contain;

dann nicht mehr.

Hat es jemand anders mal auf einem Mac in Safari getestet ?

Gruß,
noRiddle

[Markus]

Hi noRiddle,

so wie es aktuell aussieht wird es auf deine vorgeschlagene Lösung hinauslaufen.
Auf das object-fit kann ich an der Stelle verzichten. Das wäre jetzt kein Problem.
Es geht letzendlich bei dem object-fit nur darum dass das Bild nicht den vorhandenen Container überlagert ... aber das ist mit max-width bzw. max-height ja auch gegeben.

Markus

[noRiddle (revilonetz)]

Der Text auf der Startseite verrutscht nach unten in der zweiten Column ab 1139px abwärts.
[ Für Gäste sind keine Dateianhänge sichtbar ]

Wenn man die beiden Bereiche in jeweils ein div  steckt geschieht das nicht mehr.

Zwei Fragen, wenn du erlaubst; seit ich fast nur noch Anwendungen programmiere habe ich meine CSS-Expertise ein wenig verloren.
Wo ist dokumentiert, daß man column-count  und column-gap  ohne display:grid  benutzen kann ?
Unter welchen Kriterien teilt der Browser den Text in die zwei Columns auf, wenn man keine Container (in meinem Test eben div)  benutzt ?

Merci.

Gruß,
noRiddle

[Markus]

Hi noRiddle,

"columns" hat nichts mit "grid" zu tun.
https://www.w3schools.com/cssref/css3_pr_columns.php
Das kannst du sowohl auf ein "div" als auch auf ein "ul" anwenden (siehe Content-Seite Sitemap)

Der Browser teilt das selbständig auf. Darauf hast du erstmal keinen Einfluss.
Was man an der Stelle machen kann ist dem Browser zu sagen er soll Blöcke zusammenhalten.

Dafür ist das hier gedacht:

Code: CSS  [Auswählen]

.greeting_text p {
  overflow: hidden;
  break-inside: avoid-column;
  margin: 0 0 20px 0;
  padding:0px;
  width:100%;
}

Ich habe das jetzt an einem "p" festgemacht. Letztendlich kannst du es auch an einem "div" oder auch an beidem fest machen.

Wenn du nur Plain Text runter schreibst wird der Browser es nach seinem Gusto aufteilen. Das Problem hier sind dann Zeilenumbrüche ... oder Headlines die nach oben ein padding oder margin haben.  Dann tritt genau der Effekt wie bei dir auf.
Aus dem Grund hat oben die Deklaration von "p" nur nach unten ein margin ... und eben nicht nach oben.

Markus

[noRiddle (revilonetz)]

Hallo Markus.
Vielen Dank für die Erklärung.
Ich hatte nur nach "column-gap" ge-suchmaschin-t und das fand ich lediglich im Zusammenhang mit display:grid:
MDN column-gap

Ich rede von dem was nach Standard-Installation an Text da ist und da gibt es weder p- noch div-tags, lediglich den umgebenden Container <div class="greeting_text cf">.
Will sagen, auch wenn sich den Text wohl jeder anpassen wird, dürften die wenigsten wissen wie die Zusammenhänge sind.
Es wäre deshalb vielleicht besser wenn bei der Standard-Installation die p-tags, oder was immer, vorhanden wären.
Ich selbst kann mir das schon bauen wie ich meine, daß es aussehen soll.

Gruß,
noRiddle

[helle2007]

Ich suche jetzt schon Stunden in meinen CSS Datei wo ich die Farbe bei dem mm-menu ändern kann?
In welcher Datei ist das versteckt?

[bumerang24]

Müsste folgender Eintrag sein:

Code: CSS  [Auswählen]

.mm-spn.mm-spn--light {
    color: #444;
    background: #fafafa;
    font-weight: 400;
}

aber ohne Garantie

[helle2007]

Hallo bumerang24
Danke Dir aber leider nicht da ändere ich nur die Textfarbe oder den ganzen Hintergrund
Ich möchte den Hintergrund von Kategorien - das Grau in Blau ändern!

[Karl1]

Hallo helle2007,
schau in "jquery.mmenulight.css" und dort der Selektor ".mm-spn.mm-spn--navbar:after".

Gruß Karl

[helle2007]

Hallo Karl1
Mega das wars
Vielen Dank