Fehler im Responsive Design bei also_purchased Artikel? Umstellung von List auf

[derheiko]

Guten morgen,

ich nutze Modified v2.0.2.1 rev 10607 mit dem responsive Design.

Wenn ich im Artikel bin und unten die "Kunden haben auch gekauft" einblende, so werden diese Artikel in der Listenansicht angezeigt.

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

Ich hätte diese aber gerne in der Boxenansicht.
Also habe ich in der

/templates/tpl_modified_responsive/module/includes/product_info_include.html

im Kopf

Code: PHP  [Auswählen]

{if $smarty.const.PRODUCT_INFO_BOX == 'true'}

auf false gesetzt.

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

Das funktioniert zwar, aber er wechselt im Responsive Design nicht wieder auf die Listenansicht, wie er es zum Beispiel in den Produktkategorien macht.

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

Oder bin ich auf dem falschen Weg und muss die Boxenansicht wo anders einschalten, damit er im responsiv wieder auf die Listansicht geht?

Linkback: https://www.modified-shop.org/forum/index.php?topic=36820.0

[hpzeller]

Mit deiner Änderung in '/templates/tpl_modified_responsive/module/includes/product_info_include.html' hast Du nur das Template durcheinander gebracht.

Tipp:
In '/templates/tpl_modified_responsive/config/config.php' folgende Zeile auf 'false' oder 'true' setzen.

Code: PHP  [Auswählen]

  define('PRODUCT_INFO_BOX', 'false'); // 'true' zeigt Cross-Selling-, Reverse-Cross-Selling- & Also-Purchased-Artikel auf Artikel-Detailseite als Box-Ansicht / 'false' zeigt als Listen-Ansicht
 

Gruss
Hanspeter

[derheiko]

Vielen Dank für deine schnelle Antwort.
Das funktioniert soweit, dass er umstellt auf Boxen Ansicht.

Allerdings wird auch hier wird im responsive das Design nicht auf Listing umgestellt, so dass es immer noch "defekt" aussieht.

Nachtrag: Hier mal wie es in der Kategorie aussieht und danach über den Artikel. Sorry für die Auflösung

https://goo.gl/photos/6NiyJV9N6qocGDtx6

[hpzeller]

Habe das responsive modiefed Template nicht und kann deshalb nur im Demoshop 'dev' mit der Entwicklerkonsole nachschauen, aber hier trotzdem ein Tipp.

In deinem Template solltest Du diese Datei finden 'tpl_plugins.css' und in dieser etwa folgende Sequenz

Code: CSS  [Auswählen]

@media only screen and (max-width: 690px) {
.....
.....
....
}
 

und darin etwa folgende Regel

Code: CSS  [Auswählen]

.listingcontainer .listingbox {
    width: 50%;
}
 

diese Regel ersetzt Du mit dieser

Code: CSS  [Auswählen]

.listingcontainer_details .listingbox,
.listingcontainer .listingbox {
    width: 50%;
}
 

PS:
Das was in der Animation zu sehen ist würde ich als Mangel im Template bezeichnen den man beim Lieferanten reklamieren sollte.

Gruss
Hanspeter

[hpzeller]

Nachtrag:

Zusatzlich bei etwa folgender Sequenz

Code: CSS  [Auswählen]

@media screen and (max-width:500px) {
.....
.....
....
}
 

die darin enthaltene Regel welche etwa so ausehen dürfte

Code: CSS  [Auswählen]

.listingcontainer .listingbox {
  width:100%
}
 

mit dieser Regel ersetzen.

Code: CSS  [Auswählen]

.listingcontainer_details .listingbox,
.listingcontainer .listingbox {
  width:100%
}
 

Gruss
Hanspeter

[derheiko]

Lieber Hanspeter,

recht herzlichen Dank, das war die Lösung.

Zwar ist die Datei "tpl_plugins.min.css" leer, aber ich habe die von dir genannten Daten in der "media-queries.css" gefunden und deine Vorschläge umgesetzt.

Damit hat es funktioniert.
Dort habe ich dann noch mal weiter Einstellungsmöglichkeiten zu anderen Problemen gefunden.

Daher doppelt Danke