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

[wandbilderxxl]

Hallo Zusammen,
hab das Template mal installiert, sieht erstmal super aus besten Dank dafür schon mal.
Eine Frage hätte ich dann aber doch.
Gibt es Lösung in den product_info Templates zwischen tabs und accordion je nach Bildschirmgröße zu switchen?

Vielen Dank
Andreas

[Schreinermeister]

Hallo zusammen,

ich musste leider eben feststellen dass beim "Edge" in der Artikelansicht die kleinen Vorschaubilder zum zugehörigen Rahmen verschoben sind.
[ Für Gäste sind keine Dateianhänge sichtbar ]

Wenn ich mit der Maus darüberfahre werden diese an Ihren richtigen Platz geschoben und bleiben auch dort. Nach einem klick auf das Vorschaubild wird dieses wieder verschoben. usw...

Da ich Edge so gut wie nie nutze kann ich nicht nachvollziehen bei welcher Anpassung der Fehler eingeflossen ist.

Ich vermute die classe "cbimages".
Diese wird anscheinend durch  js  erzeugt. 

oder

Code: PHP  [Auswählen]

/* Bildgröße im Tab "Mehr Bilder" */
.pd_more_images_tab img {
        max-height: 200px;

bin da leider überfordert.

Gruß Chris

[hpzeller]

Hallo Chris,

also dein Problem kann ich Im Edge-Browser (Desktop) nicht nachvollziehen aber im IE11 (Desktop).

Vorschlag:
Füge testweise in der Datei /templates/bootstrap3/stylesheet.css ganz am Ende folgende Regeln ein.

Code: CSS  [Auswählen]

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  

  .pd_more_images img {
      max-width: 100px !important;
  }
 
  .img-vert-zent {
      position: static;
      top: auto;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
  }

}
 

Gruss
Hanspeter

[hpzeller]

Nachtrag:

Wenn du folgende Regeln anstatt der Regeln aus meinem letzten Beitrag einfügst,

Code: CSS  [Auswählen]

@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {

  .pd_more_images_tab img {
      max-width: 200px !important;
  }

  .pd_more_images img {
      max-width: 100px !important;
  }
 
  .img-vert-zent {
      position: static;
      top: auto;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
  }

}
 

sollte auch folgendes Problem im IE11 behoben sein.

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

Gruss
Hanspeter

[online-beobachter]

Hallo,
hat jemand eine Ahnung wie ich die "Deutsche Kategorien" in der Englischen Spachausgabe angezeigt bekommen kann wenn Englisch nicht verfügbar ist, da der Shop über die Wawi gefüttert wird.

In einem anderen Template hatte ich dazu einfach die Sprach ID in die categorie.php fest eingetragen.
Klappt hier leider so nicht.

Danke

[Schreinermeister]

Hallo hpzeller

danke für deine schnelle Hilfe.

Leider scheint der Browser bei mir was anderes anzuzeigen wie bei dir.  

IE11 hab ich leider nicht auf dem Rechner.

In "Edge" sind bei mir vor und auch nach der Änderung die Bilder außerhalb der Rahmen. 
Ev. liegt's an meinen Einstellungen zu "Edge".

die Übergröße des letzten Bildes von "Mehr Bilder" habe ich nicht.
[ Für Gäste sind keine Dateianhänge sichtbar ]

Gruß Chris

[Schreinermeister]

Nachtrag:

ich hab eben bemerkt, dass wenn ich

Code: PHP  [Auswählen]

.img-vert-zent {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

komplett aus dem css nehme die Anzeige (bei mir) in "Edge" wie gewünscht ist.
(Nur die Bilder sind halt nicht horizontal zentriert)

Notfalls kann ich damit leben.

Gruß Chris

[hpzeller]

Hallo Chris,

wenn es wirklich um den Microsoft Edge geht, dann füge doch testweise noch folgenden Code hinzu.

Code: CSS  [Auswählen]

@supports (-ms-ime-align:auto) {

  .img-vert-zent {
      position: static;
      top: auto;
      -webkit-transform: none;
      -ms-transform: none;
      transform: none;
  }
 
}
 

Durch obigen Code sollte die vertikale Zentrierung für den Microsoft Edge 12+ (all MS Edge) deaktiviert werden, siehe Link.

https://browserstrangeness.github.io/css_hacks.html

Gruss
Hanspeter

[Schreinermeister]

Hallo Hanspeter,

Perfekt !  

Im EDGE ist nun die Zentrierung deaktiviert und die Bilder sind da wo sie hingehören.

Danke  nochmals für die Hilfe.

Gruß Chris

[crossblade]

Hallo Hanspeter,
danke für dieses tolle Template.

Ich habe das Problem das auf der Startseite der Slider verrutscht und die Top-Artikel untereinander statt nebeneinander dargestellt werden.

Ich habe mich durch den kompletten Thread durchgekämpft und wurde an dieser Stelle hellhörig: https://www.modified-shop.org/forum/index.php?topic=37218.msg353478#msg353478
Konnte jedoch nicht erlesen wie das Problem behoben wurde.

Hast du eine Idee woran das mit den Darstellungsfehlern liegen könnte?

Meine Shopversion: v2.0.4.2 rev 11374

Gruß
Tobias

[hpzeller]

Hallo Tobias,

bedanken darfst du dich für dieses hervorragende Template bei Karl und nicht bei mir!

Ohne hier auf dein Problem weiter einzugehen empfehle ich dir das neue kostenlose Bootstrap4 Template von Karl hier -> Bootstrap4 für Shop 2.x - freies responsive Template, welches auf dem neusten Stand von Bootstrab aufgebaut ist und ausserdem sehr umfangreich im Admin konfiguriert werden kann, zu verwenden.

Obige Empfehlung gebe ich dir, weil ich davon ausgehe das Karl und auch die anderen Helfer hier im Forum in Zukunft nur noch das Bootsrap4 von Karl supporten möchten.

Gruss
Hanspeter

[Karl1]

Hallo Tobias,
deine Fehlerbeschreibung ist so vage, da wird dir vermutlich keiner ohne einen Link zum Shop helfen können.

Gruß Karl

[aivz]

Hey, ich möchte gerne auch mal eine Frage stellen.

Wie bekomme ich Artikelauflistung wieder Mehrspaltig?? Ich habe heute morgen bei meiner Schwiegermutter den Shop von 2.0.3.0 auf 2.0.4.2 aktualisiert, allerdings habe ich die Theme-Ordner übernommen und trotzdem wird auf der Startseite beispielsweise die "Top-Artikel" seither nur noch 1-Spaltig angezeigt.

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

Meine Schwiegermutter bringt mich förmlich um

[Karl1]

Hallo aivz,
leider weiß ich nicht was du alles verändert hast, ohne Link zum Shop wird man dir nicht helfen können.

Gruß Karl

[aivz]

Hallo @karl1

das ist es ja, ich habe nichts verändert. Das Theme ist ein eigenes, was ein ITler für meine Schwiegermutter eingerichtet hat, also keines von den beiden vorinstallierten.

Zusätzlich habe ich aus dem Backup den kompletten Themeordner übernommen.

Ich steige durch diese CSS-Wic... nicht durch. Selbst mein Mint stürzt beim öffnen der CSS-Dateien ab, weil in diesem Bootstrap alles in eine Zeile geschrieben worden ist oder zumindest in dem was dieser ITler damals installiert hat.

Ich schaffe es nicht über den Quellcode im Chrome an die entsprechende Stelle zu kommen, wo ich das ändern könnte.

Was ich auch nicht verstehe, wenn ich die Komprimierung von allem ausschalte, dann kommen die Bootstrap-Standardfarbe. Ist die Komprimierung aktiviert kommen die Anpassungen und ich verstehe dieses Konzept nicht