Inaktiv Evo - ebay shop kategorie positionierung auf MacBook

[hamsi]

hallo zusammen,

habe folgendes Problem. Bei unserer Designvorlage werden die Kategerin auf MacBooks ganz unten angezeigt (habe es mit zwei verschiedenen und mit unterschiedlichen Browsern ausprobiert). Die Macbooks haben ja bekanntlich 13,3".

Auf einem Windowns 14" Notebook wird alles schön angezeigt, also ganz oben links.

Was muss ich tun bzw. wo muss ich die Einstellungen vornhemen, damit es auch auf 13 Zöllern alles richtig angezeigt wird?

 

[nmueller]

AW: Evo - ebay shop kategorie positionierung auf MacBook

Klingt als wenn das Layout in eine Tablet-Darstellung unter 1200px Breite geht, dann werden die Container umgeordnet. Auf welcher Auflösung läuft dein MacBook, native Retina-Auflösung mit 2560x1600 oder eine andere?

Das der Evo zugrunde liegende Framework ist Bootstrap, das hat sogenannte 'Breakpoints', heißt, dass das Layout sich je nach Displaybreite verändert. Der verwendete Browser hat damit nur bedingt zu tun (ist also für die 'Breakpoints' egal ob Safari, Chrome oder sonstwas), da es um die sogenannte Viewportbreite geht - die wird dann z.b. durch die Auflösung des Geräts als auch durch die Breite des Browsers (muss man ja nicht im Fullscreen-Modus nutzen) definiert. ebay selbst beeinflusst die Darstellung auch, da die dem Angebot später maximal zustehende Breit auch noch in Abhängigkeit vom darstellenden Medium kastriert ist.

 

[nmueller]

AW: Evo - ebay shop kategorie positionierung auf MacBook

Hab dir dazu noch was ausgegoogelt (engl., sry)

https://www.conscious.co.uk/site/blog/technology-blog/break-points-for-responsive-website-design

Wenn dein MacBook mit 13.3 als 1280px breites Display erkannt wird - und ebay die maximale Darstellungsbreite des Layouts noch weiter beschränkt, könnte die für die Vorlage zur Verfügung stehende Breite kleiner als der im Bootstrap Framework festgelegte breakpoint-Wert von 1200 liegen - dann schnurrt das Design zusammen und die Kategorieleiste kommt unter den "Hauptbereit" (Produktdaten). Ist aber nur eine Vermutung, ich setze das EVO nicht ein - wenn du mir mal einen Link zu einem deiner betroffenen eBay-Angebote postest oder per PM schickst, kann ich das gern mal ausmessen ob's das sein könnte.

 

[nmueller]

AW: Evo - ebay shop kategorie positionierung auf MacBook

oder probier das mal aus.. :

Im HTML der EVO sind zwei Container, die die linke Kategorieleiste und die Produktbeschreibung "umfassen"

Im Original HTML der EVO Zeile 457

[FONT=Courier New]<[/FONT][FONT=Courier New]div [/FONT][FONT=Courier New]class[/FONT][FONT=Courier New]=[/FONT][FONT=Courier New]"col-xs-12 {%[/FONT][FONT=Courier New]if[/FONT][FONT=Courier New] ArtikelInfoBoxIsFilled[/FONT][FONT=Courier New] -%}col-lg-9 col-lg-push-3{%[/FONT][FONT=Courier New]endif[/FONT][FONT=Courier New] -%} "[/FONT][FONT=Courier New]id[/FONT][FONT=Courier New]=[/FONT][FONT=Courier New]"content">[/FONT]

ändern in

[FONT=Courier New]<[/FONT][FONT=Courier New]div [/FONT][FONT=Courier New]class[/FONT][FONT=Courier New]=[/FONT][FONT=Courier New]"col-xs-12 {%[/FONT][FONT=Courier New]if[/FONT][FONT=Courier New] ArtikelInfoBoxIsFilled[/FONT][FONT=Courier New] -%}col-[COLOR=#ff0000]md[/COLOR]-9 col-[COLOR=#ff0000]md[/COLOR]-push-3{%[/FONT][FONT=Courier New]endif[/FONT][FONT=Courier New] -%} "[/FONT][FONT=Courier New]id[/FONT][FONT=Courier New]=[/FONT][FONT=Courier New]"content">[/FONT]

und Zeile 536

[FONT=Courier New]<[/FONT][FONT=Courier New]aside [/FONT][FONT=Courier New]class[/FONT][FONT=Courier New]=[/FONT][FONT=Courier New]"hidden-print col-xs-12 col-lg-3 col-lg-pull-9" [/FONT][FONT=Courier New]id[/FONT][FONT=Courier New]=[/FONT][FONT=Courier New]"sidepanel_left">[/FONT]

ädern in

[FONT=Courier New]<[/FONT][FONT=Courier New]aside [/FONT][FONT=Courier New]class[/FONT][FONT=Courier New]=[/FONT][FONT=Courier New]"hidden-print col-xs-12 col-[COLOR=#ff0000]md[/COLOR]-3 col-[COLOR=#ff0000]md[/COLOR]-pull-9" [/FONT][FONT=Courier New]id[/FONT][FONT=Courier New]=[/FONT][FONT=Courier New]"sidepanel_left">[/FONT]

- der "lg" Umbruch (Class col-lg-3 usw) greift erst bei Breiten von mehr als 1200 px
- der "md" Umbruch greift schon ab 992px

Das könnt helfen
Irgendwann lern ich vlt. auch alles in ein Posting zu packen, aber mir kam der evt. Lösungsansatz leider erst nachträglich *schäm*