Habe in der Shopversion 2.0.6.0 einen "Schönheitsfehler" im Template tpl_modified_responsive festgestellt.
Betrachtet man den Shop auf einem Tablet mit z.B. den Displaymassen 1280 x 800 Pixel im Querformat, sehen die Boxentitel unterhalb der Kategorien so aus,
[ Für Gäste sind keine Dateianhänge sichtbar ]
dreht man das Tablet ins Hochformat und öffnet das Menü, dann sehen die Boxentitel unterhalb der Kategorien so aus,
[ Für Gäste sind keine Dateianhänge sichtbar ]
dreht man das Tablet wieder zurück ins Querformat, dann sehen die Boxentitel unterhalb der Kategorien so aus. Die Chevrons vor den Boxentiteln bleiben also leider erhalten.
[ Für Gäste sind keine Dateianhänge sichtbar ]
In der Shopversion 2.0.5.1 verhält sich der Shop nicht so, will heissen die Chevrons vor den Boxentiteln werden nur bei Displaybreiten die kleiner sind als 986 Pixel, und nur dort macht es auch Sinn, angezeigt.
Um in der Shopversion 2.0.6.0 wieder das gleiche Verhalten wie in der Vorgängerversion zu erhalten, kann man in der Datei /templates/tpl_modified_responsive/stylesheet.css ab ca. Zeile 441 folgenden Code,
.box_sidebar {
display: none;
}
.sidebar_inactive { cursor: pointer; }
.sidebar_active { cursor: pointer; }
.box_header.sidebar_inactive .fas {
display:inline-block;
}
.box_header.sidebar_active .fas {
display:inline-block;
vertical-align:0px;
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
#layout_navbar { z-index: 1000; }
#layout_logo { z-index: 1000; }
#layout_content { z-index: 1000; }
#layout_footer { z-index: 1000; }
@media only screen and (min-width: 985px) {
#layout_navbar { z-index: initial; }
#layout_logo { z-index: initial; }
#layout_content { z-index: initial; }
#layout_footer { z-index: initial; }
#sidebar_marker { font-size: 0px; }
.box_sidebar { display: block; }
}
/* END globals */
mit diesem Code ersetzen.
@media only screen and (max-width: 985px) {
.box_sidebar {
display: none;
}
.sidebar_inactive { cursor: pointer; }
.sidebar_active { cursor: pointer; }
.box_header.sidebar_inactive .fas {
display:inline-block;
}
.box_header.sidebar_active .fas {
display:inline-block;
vertical-align:0px;
-moz-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg);
}
}
#layout_navbar { z-index: 1000; }
#layout_logo { z-index: 1000; }
#layout_content { z-index: 1000; }
#layout_footer { z-index: 1000; }
@media only screen and (min-width: 986px) {
#layout_navbar { z-index: initial; }
#layout_logo { z-index: initial; }
#layout_content { z-index: initial; }
#layout_footer { z-index: initial; }
#sidebar_marker { font-size: 0px; }
.box_sidebar { display: block; }
}
/* END globals */
Gruss
Hanspeter