TEMPLATE: Bootstrap3 für Shop 2.0 - freies responsive Template

[lithoverlag]

Gibt es einen Befehl der den Rahmen automatisch um das Bild macht. Ich habe meine Thumbnails auf 180x 180 eingestellt. Einer anderer nimmt andere Werte folglich muss er seine css anders anpassen. Kommt nach 2 Jahren ein update des templates mit neuer css (wie bei allen modified updates geschehen) muss man sich daran erinnern dass man da nochmal was "angleichen" muss.

Bei den Bildern in Topartikel steht das display auf inline-block. da scheint sich dann der Rahmen automatisch um das Bild zu legen. Bei der Artikelanzeige steht display auf block. Inline-block bringt aber nicht das gewünschte Resultat in diesem Fall.
Also kurz mit automatisch meinte ich einen entsprechenden Befehl und nicht das manuelle anpassen auf die Thumbnail größe.

[Schreinermeister]

Hallo zusammen,

nach dem letzten Firefox Update 59.0.1 werden die Artikelbilder in der Detailansicht und in der Kategorieauflistung nicht mehr angezeigt. 

Könnte sein das dies an einer meiner Änderungen liegt.

Kann das jemand bestätigen ?
[ Für Gäste sind keine Dateianhänge sichtbar ]

Gruß Chris

[Timm]

Guck mal hier da wurdest du auch schon erwähnt.

Gruß Timm

[hpzeller]

Hallo Chris,

es scheint so das es an deinen Änderungen liegt, weil in meinem Testshop und auch in diesem Shop -> https://rc-andy.de/ werden die Bilder auch mit der aktuellen Version des Firefox angezeigt.

Als Erstes würde ich im Admin unter Erw. Konfiguration -> Komprimierung alles auf [Nein] setzen und unter Erw. Konfiguration -> Cache Optionen Cache und Templatecache leeren sowie Cache benutzen auf [Nein] setzen.

Gruss
Hanspeter

[Schreinermeister]

Hallo Hanspeter,

hab die Konfiguration, wie von die vorgeschlagen, eingestellt und den Cache geleert.
Leider ohne Erfolg.

Ich denke schon das dies mit dem von FräuleinGarn verlinkten Thema zu tun hat.
Nur kann ich die dort genannten Codezeilen zum Fix im Bootstrap3 Template nicht finden.  

Gruß Chris

[hpzeller]

Füge mal testweise in 'templates\bootstrap3\index.html' am Ende folgenden Code ein.

Code: XML  [Auswählen]

<style>
{literal}
  img {display:block !important;}
{/literal}
</style>
 

Gruss
Hanspeter

[hpzeller]

Nachtrag:

Besser, suche in 'templates\bootstrap3\javascript\general_bottom.js.php' folgenden Code

Code: PHP  [Auswählen]

        $(window).on('load',function() {
                $(".unveil").show();
                $(".unveil").unveil(200);
        });
 

und ersetze ihn mit diesem Code.

Code: PHP  [Auswählen]

        $(window).on('load',function() {
                $(".unveil").show();
                $(".unveil").unveil(200);
                $(".unveil").css({"display":"block"});
        });
 

Gruss
Hanspeter

[hpzeller]

Nachtrag 2:

Noch besser, suche in 'templates\bootstrap3\javascript\general_bottom.js.php' folgenden Code

Code: PHP  [Auswählen]

        $(window).on('load',function() {
                $(".unveil").show();
                $(".unveil").unveil(200);
        });
 

und ersetze ihn mit diesem Code.

Code: PHP  [Auswählen]

      $(window).on('load',function() {
              $(".unveil").show();
              $(".unveil").unveil(200);
              $(".unveil").css({"display":"inline-block"});      
      });
 

Gruss
Hanspeter

[hpzeller]

Nachtrag 3:

So, ich denke jetzt habe ich die Ursache gefunden weshalb in deinem Shop die Bilder im Firefox 59.0.1 nicht angezeigt werden.

In deiner '/templates/bootstrap3/stylesheet.css' steht folgender Code

Code: CSS  [Auswählen]

/* siehe Forum - danke Timm (https://www.modified-shop.org/forum/index.php?topic=37218.msg338385#msg338385) */
img {
    display: contents;
    height: auto;
    max-width: 100%;
}
 

den musst Du mit diesem ersetzen.

Code: CSS  [Auswählen]

/* siehe Forum - danke Timm (https://www.modified-shop.org/forum/index.php?topic=37218.msg338385#msg338385) */
img {
    display: inline-block;
    height: auto;
    max-width: 100%;
}
 

Gruss
Hanspeter

[Schreinermeister]

Hallo HansPeter,

herzlichen Dank für deine Bemühungen 

Ich habs direkt mit "Nachtrag3" versucht und siehe da, es wird wie gewohnt angezeigt.

Ich kann mich nur wundern wie du in den unzähligen Codezeilen den Fehler aufspürst. 

Wenn ich mich irgendwie erkenntlich zeigen kann, lass es mich wissen. 

Gruß Chris

[hpzeller]

[...]
Ich kann mich nur wundern wie du in den unzähligen Codezeilen den Fehler aufspürst.
[...]

Mit dem Entwicklertool das jeder Browser hat kann man vieles herausfinden.

[...]
Wenn ich mich irgendwie erkenntlich zeigen kann, lass es mich wissen.
[...]

Die Tipps die ich hier gebe sind selbstverständlich kostenlos und wenn ich dabei ein bisschen nachdenken und knobeln muss, so ist das noch zusätzlich ein gutes Gehirntraining für mich.

Gruss
Hanspeter

[hpzeller]

Hallo Litho,

in meiner Antwort #521 habe ich dir einen Vorschlag gemacht, der bewirkt das die Bilder nicht mehr über den Rahmen hinausgehen, was Du ja moniert hast. Du kannst diesen Vorschlag ausprobieren musst es aber nicht. Einen anderen Vorschlag, im Sinne eines Befehls, kann ich dir leider nicht geben.

Zum Verständnis, die Bilder in den Boxen (Rahmen) sind responsive, das heisst sie werden automatisch in den Aussenmassen skaliert, siehe Bild.

[ Für Gäste sind keine Dateianhänge sichtbar ]

Gruss
Hanspeter

[TnT34]

Hi zusammen,

sind nun seit wenigen Tagen eendlich mit unserem Shop online! 

Ich habe aktuell nur ein einziges Problemchen mit der Darstellung offen:

Die Glyphen  (z.B. in der Top Navbar) werden beim allerersten Aufruf der Startseite durch egal welchen Browser mit leerem Cache nicht angezeigt. Man sieht dann unschöne Platzhalter und muss erst eine Unterseite aufrufen - auch ein Reload mit F5 reicht nicht.

Hier mal ein Link zur Page:
www.gravurhoelle.de

Also vermute ich, dass die Icondateien der Startseite nicht zum Laden zu Verfügung stehen?
Kennt das Problem jemand? Wie kann ich das lösen?

Thx und Grüße,
Timo

[hpzeller]

Hallo Timo,

das liegt am www hier -> www.gravurhoelle.de so -> gravurhoelle.de werden die Glyphen auch beim ersten Aufruf angezeigt.

In deiner .htaccess Datei solltest Du folgenden Code finden,

Code: PHP  [Auswählen]

  ##-- redirect to https non-www-domain, when no subdomain given and not using an ssl-proxy
 #RewriteCond %{SERVER_PORT} !^443$ [OR]
 #RewriteCond %{HTTP_HOST} ^www\. [NC]
 #RewriteCond %{HTTP_HOST} ^(?:www\.)?(.+)$ [NC]
 #RewriteRule ^ https://%1%{REQUEST_URI} [R=301,L]
 

den musst Du so abändern.

Code: PHP  [Auswählen]

  ##-- redirect to https non-www-domain, when no subdomain given and not using an ssl-proxy
 RewriteCond %{SERVER_PORT} !^443$ [OR]
  RewriteCond %{HTTP_HOST} ^www\. [NC]
  RewriteCond %{HTTP_HOST} ^(?:www\.)?(.+)$ [NC]
  RewriteRule ^ https://%1%{REQUEST_URI} [R=301,L]
 

Obiger Code bewirkt ein Redirect, falls jemand deinen Shop mit www aufruft.

Gruss
Hanspeter

[TnT34]

Mensch HP,

da wär ich selbst ja mal wieder niemals drauf gekommen...

Genau, das ist mir durchgegangen zu setzen.
Jetzt is alles guut.
was das für krude Symptome nach sich zieht...

Vielen Dank!

T