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

[Karl1]

Hallo Michael,
wenn ich was suche, dann gehe ich wie folgt vor.

Ich möchte z.B. die Überschrift "Unsere TOP-Artikel" von h1 auf h2 umstellen.
Mit meinem Editor (PSPad) durchsuche ich meine Shopdateien nach "Unsere TOP-Artikel".

Im Suchergebnis steht die Zeile "heading_text_top = 'Unsere TOP-Artikel'" in der Datei lang/german/lang_german.conf.

Jetzt gehe ich nochmal auf die Suche nach "heading_text_top".

Der Editor findet die Zeile
<h1 class="well well-sm">{if #heading_text_top# != ''}{#heading_text_top#}{else}{#heading_text#}{/if}</h1>
in der Datei templates/bootstrap3/module/new_products_default.html.

Gruß Karl

P.S.: Bestseller findest du in boxes/box_best_sellers.html.

[Talismann]

Hallo Karl1,

dankeschön für die Antwort und die Tips. Hat mir sehr geholfen.

Das PSPad gleich einmal herunter geladen - aber irgendwie komme ich nicht so richtig damit klar 

Ich habe auch noch eine andere Frage an dich. Das Template liefert ja jede Kategorie zweimal aus (Mobil und Desktop). Ein SEO Modul sagt mir nun...... wir hätten zu viele interne Links auf der Seite (488 interne Links). Diese kommen größtenteils von den Kategorien. Wir haben insgesamt 225 Kategorien im Shop.

Gibt es hier evtl. eine Möglichkeit, das jede Kategorie nur einmal angezeigt wird ohne das irgend etwas vernachlässigt wird?

Gruß
Michael Klein

[Karl1]

Hallo Michael,
Online-SEO-Tools sagen, das deine 494 internen Links "OK" sind.

Du kannst aber mal folgendes in deine stylesheet.css schreiben und dann nochmal testen.

Code: CSS  [Auswählen]

@media (min-width: 992px) {
        div.pushy.pushy-left {
                display:none;
        }
        div.pushy.pushy-left li > a{
                pointer-events: none;
                cursor: default;
        }
}

Gruß Karl

[Talismann]

Hallo Karl,

du bist ja echt schnell mit Antworten. Vielen Dank an dich
Ich habe das mal versucht, hat sich aber keine Änderung ergeben.

Aber hast schon Recht ein SEO Tool meckert, das andere sagt es wäre ok. Keine Ahnung wem man von denen glauben soll 

Gruß Michael

[Timm]

Die beiden caches im backend hast du aber vor dem Test gelöscht, oder?

[Talismann]

Ja, das habe ich gemacht

[Sergio Mueller]

Hallöchen,
ich habe da ein kleines Template Problem und weiß nicht weiter.
Wenn man Paypal Express (Warenkorb) aktiviert, gelangt man ja nach dem Paypal Login wieder auf die checkout_confirmation.php. Dort werden dann ganz unten die Kommentarbox und die AGB Textbox und Checkboxen eingeblendet. (Siehe Screenshot) Leider kann ich auf einem sehr kleinen Bildschirm (Handy) die Checkboxen nicht sehen. Sie sind zu weit links und die Textboxen sind auch zu groß und skalieren nicht.

Beim normalen Checkout hat man ja die Kommentar Textbox auf der checkout_payment.php. Auf einem kleinen Bildschirm wird auch hier das Layout verschoben, weil die Kommentar-Textbox nicht skaliert.

Hat jemand eine Idee wie man das lösen kann? Eigentlich würde ich nur ungerne auf Paypal Express verzichten.

[hpzeller]

Hallo Sergio Mueller,

du kannst mal folgendes testen, füge in der Datei 'templates/bootstrap3/stylesheet.css' am Ende folgende Regeln ein.

Code: CSS  [Auswählen]

/* Kommentarfeld in checkout_payment.php */
#checkout_payment #comments {
 max-width: 100% !important;
}
/* Kommentarfeld in checkout_confirmation.php nach return von Paypal Express */
.checkoutcomment #comments {
 max-width: 300px !important;
}
 

Gruss
Hanspeter

[Sergio Mueller]

TOP ! Das läuft !!!
Danke für die schnelle Antwort HansPeter.

[hpzeller]

Nachtrag:
Du kannst auch folgende Regeln testen, sind flexibler.

Code: CSS  [Auswählen]

/* Kommentarfeld in checkout_payment.php */
#checkout_payment #comments {
  width: 98% !important;
}
/* Kommentarfeld in checkout_confirmation.php nach return Paypal Express */
@media screen and (max-width: 480px) {
  .checkoutcomment #comments {
    width: 300px !important;
  }
}
@media screen and (min-width: 481px) {
  .checkoutcomment #comments {
    width: 98% !important;
  }
}

 

Gruss
Hanspeter

[Talismann]

Hallo,

kann mir jemand helfen bei der mobilen Version von google PageSpeed?

Bei der mobilen Version zeigt er 58/100 an - nicht gerade gut. Habe echt keine Ahnung mehr was ich da noch tun soll. Einige der möglichen Optimierungen habe ich bereits versucht. Z.B. Komprimierung der CSS. Ich komme hier einfach nicht aus dem roten Bereich raus. Bei Desktop ist es ja ganz gut 94/100.

Aber bei Mobil habe ich echt keine Ahnung was ich hier noch tun könnte.

Wäre super, wenn mir hier vielleicht jemand helfen und unter die Arme greifen könnte.

Vielen Dank im voraus
Gruß

Michael

Hatte was vergessen:
Shopversion: v2.0.3.0 rev 10907
Template: Bootstrap3

[hpzeller]

[...]
kann mir jemand helfen bei der mobilen Version von google PageSpeed?
Bei der mobilen Version zeigt er 58/100 an - nicht gerade gut.
[...]

Nicht gut, aber in guter Gesellschaft mit
https://developers.google.com/speed/pagespeed/insights/?url=mediamarkt.de
https://developers.google.com/speed/pagespeed/insights/?url=zalando.de
https://developers.google.com/speed/pagespeed/insights/?url=amazon.de
https://developers.google.com/speed/pagespeed/insights/?url=otto.de
und so weiter.

Gruss
Hanspeter

[Karl1]

Hallo Michael,
dein Shop schaut wirklich gut aus.

Aber jetzt zu deiner Frage:
Bei der Erstellung des Templates hab ich viel mit PageSpeed Insights rumprobiert und kam auch in der mobilen Ansicht auf sehr gute Werte (hatte aber auch kein zusätzliches CSS und JS - nur der Shop mit ca. 600 Artikeln).

Verbesserung trat immer ein, wenn Stylesheets nur im Head und Javascripts am Ende des Body geladen wurden.
Bei dir ist das komplett durchgemischt.
Schau dir mal die general.css.php und die general_bottom.js.php an, wie ich da die CSS- und JS-Dateien einbinde.

Punkte brachte auch das nochmalige Komprimieren der Bilder.
Ich hatte mir für solche Zwecke "grunt" auf dem Rechner installiert.
Das geht ganz gut, kann aber nicht mehr erklären wie ich das damals installiert habe.

Für deine Social-Buttons solltest du vielleicht einen anderen Platz suchen.
Auf sehr schmalen Bildschirmen ragen die in die Artikel.

Gruß Karl

[Schreinermeister]

Hallo zusammen

ich hab nun erstmals den Artikelfilter mit Daten befüllt. Funktioniert soweit.

Störend ist das nach jeder Auswahl einer Filteroption die Seite nach unten springt.
Besteht da die Möglichkeit einen Anker ( glaube das nennt man so ) zu setzen.

Kann der Filter ev. angepasst werden, damit vom Kunden mehrere Filteroptionen ausgewählt werden können und danach der Filterprozess gestartet wird.
Einstellungsmöglichkeiten hab ich keine gefunden.

Griß Chris.

[Talismann]

Hallo Karl,

vielen Dank für deine Antwort. Du bist echt Hilfsbereit. Vielen, vielen Dank.

Du hast geschrieben:

Schau dir mal die general.css.php und die general_bottom.js.php an, wie ich da die CSS- und JS-Dateien einbinde.

Wo kann ich das denn sehen??

Das mit den Social-Buttons hast du Recht. Mal schauen ob man diese irgendwie unten hin bekommt. Habe schon mal im Forum geschaut aber leider noch nichts gefunden wie man diese evtl. nach unten bekommt. Vielleicht hast ja du dazu eine Anregung, Idee oder Tipp

Nochmals vielen Dank an dich

Gruß Michael