-
AuthorPosts
-
March 25, 2015 at 1:26 pm #417722
Hello,
we love the new features with custom categories colors! thanks :-)))
we would like to also add a graphic with lines. However, the automatic adjustment of size has a very poor quality. When the slider graphic works wonderfully with a size of 2000×470, the artwork has been adapted for the categories of 2000×100. where the size can be adjusted so that the graphic looks as sharp as with slider and the resize works?the second question, in mobile devices longer contiguous words in the sidebars are simply cut though the line is still space left.Is it possible to reduce this space to sidebar line?
March 25, 2015 at 2:24 pm #417738this is the test picture from the working slider
with a high screen resolution
http://experten-kennen-uns.de/slider_big_ok.PNGIn a small screen resolution
http://experten-kennen-uns.de/slider_small_ok.PNGso it looks in the categories
http://experten-kennen-uns.de/not_ok.PNGMarch 26, 2015 at 5:39 pm #418668Hi!
Can you send us a link to your page so we can take a look? You can set your reply as private if you wish.
Regards,
ElliottMarch 26, 2015 at 8:24 pm #418784This reply has been marked as private.March 27, 2015 at 9:27 pm #419626Hi!
Hmm, well it looks fine on the Moto E and Nexus 7. I’ll go ahead and flag this for the rest of our team to check.
Cheers!
ElliottMarch 27, 2015 at 10:18 pm #419649Hallo,
Sie müssen unter den Menupunkt Produkte und dann Kabel und Leitungen schauen. Dort sollte dann eine Grafik aus dem Slider zu sehen sein im farbigen Header.
March 28, 2015 at 7:24 pm #419882Hi!
I am really not sure what you are talking about. Can you please show us your issue using a screenshot? and then show us a screenshot/mockup of what you want to achieve?
Do you want this text:
be above your cable graphic?
If yes, use this code:main.template-page.content.av-content-full.alpha.units { top: -58px; }
and adjust as needed.
I can’t see any sidebar on mobile devices:
So what do you mean?Vielleicht wäre es besser, wenn du es noch einmal auf Deutsch beschreibst :). Bitte füge immer Skizzen und Screenshots mit bei, damit wir genau wissen was du meinst und was du für Änderungen vornehmen möchtest.
Gruß,
AndyMarch 30, 2015 at 12:15 pm #420356Hallo,
vielen Dank für die Antwort.
Das Problem ist das der Grafikcontainer sich über die Gesamtseite in der Höhe erstreckt und somit die Grafik je nach Auflösung nicht angezeigt wird. Wenn man eine hohe Auflösung hat sieht man so gut wie nichts (Bild 1). Bei kleineren Auflösungen oder durch kleiner schieben des fensters (Bild1+2) wir die Grafik langsam sichtbar.
Bei der Sidebar ist es so das dort einfach der Text abgeschnitten wir wenn die Auflösung kleiner wird. Anbei Bilder wie es am iPad aussieht. Hier hat die Sidebar links aber noch Platz.
March 30, 2015 at 8:39 pm #420797Hi!
Mit hohe und kleine Auflösung meinst du einen großen oder kleinen Bildschirm, oder? Dass sich die Grafik anpasst, lässt sich nicht vermeiden, es sei denn du möchtest, dass deine Seite nicht mehr responsive ist. Wir müssten also vielmehr eine Lösung finden, die auf den gängigen Endgeräten gut ausschaut (trotz Anpassung der Grafik).
Auf deinen “Screenshots” kann ich leider so gut wie nichts erkennen. Kannst du bitte echte Screenshots, anstatt Fotos von deinem Bildschirm zeigen? Du kannst imgur.com oder einen public Dropbox dafür verwenden.
Also bei mir passt sich deine Grafik wunderbar an, wenn ich den Browser kleiner bzw. größer mache:
Welchen Browser verwendest du? stelle bitte sicher, dass du immer die neueste Browser Version verwendest.
Für deine sidebar auf iPad, versuche diesen Code im Quick CSS:
.inner_sidebar { margin-left: 0; }
Hoffe das hilft.
Lieben Gruß,
Andy- This reply was modified 9 years, 9 months ago by Andy.
March 30, 2015 at 10:18 pm #420860Hallo Andy,
du bist aktuell auf der Startseite, der Slider funktioniert dort super! Und genau diese Grafiken sollen mit einer kleineren Höhe, in die jeweils passende einzelne Shop Rubriken wo der kleine Text dann steht anstatt die großen Headlines. Sprich die Rubriken Kabel und Leitungen, Multimedia usw.
Dort werden die Grafiken dann versteckt über die gesamte Auflösung und hinter dem Content dargestellt.
Das Feature heißt Shop Page Banner und ist seit der neuen Version hinzu gekommen.Ich sende Morgen neue Bilder.
March 31, 2015 at 1:58 am #420920Hey!
leider versteh ich nicht was du vorhast. Bitte zeige uns eine Skizze von dem, was du erreichen möchtest.
Für die sidebar auf iPad habe ich noch etwas im code vergessen, damit es auch wirklich nur auf dem iPad greift:
@media all and (max-width: 768px) { .inner_sidebar { margin-left: 0; }}
Gruß!
AndyMarch 31, 2015 at 2:52 pm #421155Hallo Andy,
danke das mit dem Menü klappt soweit habe es auf 1024px erhöht da das iPad eine höhere Auflösung hat. Wo findet man den Punkt ab welcher Auflösung die Sidebar ausgeschaltet wird.
Für die Shopgrafik habe ich neue Bilder erstellt.
Unter Shop Options gibt es den Punkt “Yes, Display a banner image”
http://experten-kennen-uns.de/enfold_options.png
In den ->jeweiligen<- Shopkategorien kann man die Grafik auswählen
http://experten-kennen-uns.de/kategorie.png
So soll das ganze aussehen, auch Responsive
http://experten-kennen-uns.de/ok.png
So sieht das ganze aus
http://experten-kennen-uns.de/nicht_ok.png
Liegt vermutlich daran das die ganze Grafik über den kompletten Seitenhintergrund gestreckt wird, nicht nur die Höhe des eigentlichen Headers.
- This reply was modified 9 years, 8 months ago by envato1901.
March 31, 2015 at 8:23 pm #421531Hi!
du findest die Option eine Sidebar auf Smartphones ein- oder auszuschalten hier: Enfold->Sidebar Settings
Versuche deine background Grafik hiermit zu kontrollieren:
.av-parallax { height: 100% !important; top: -175px !important; }
und passe eventuell den “top” Wert noch an. Schaut bei mir dann so aus:
Hoffe das hilft.
Gruß,
Andy- This reply was modified 9 years, 8 months ago by Andy.
April 1, 2015 at 11:04 am #421818Hallo Andy,
danke die Grafik ist nun sichtbar bleibt aber nur für die vorgegebene Höhe dort. Sobald das Fenster kleiner wird oder eine andere Auflösung genutzt wird sieht man nur die Hälfte oder gar nichts mehr, der Header wird dann von unten nach oben geschoben.
April 1, 2015 at 8:15 pm #422136Hey!
Ich kann deine Website nicht mehr öffnen und bekomme nur eine weiße leere Seite zu sehen. Was ist da passiert?
Du kannst es für die entsprechenden Geräte bzw. Bildschirmgrößen mittels “media querries” anpassen, z.B. für iPhone so:@media only screen and (max-device-width: 667px) { .av-parallax { height: 100% !important; top: -175px !important; }}
Dieser Code greift nur für Geräte bis einer Bildschirmgröße von 667px. Jetzt müsstest du noch “top” und/oder “height” anpassen. Hier ein Link, um heraus zu finden wie du es auch für die anderen Geräte/Bidschirmgrößen angepasst bekommst:
https://css-tricks.com/snippets/css/media-queries-for-standard-devices/Gruß!
AndyApril 1, 2015 at 10:53 pm #422205Hi Andy,
das ist sicher der Wartungsmodus, man muss über die Adminoberfläche rein. :-)
ok ich werde mir das durchlesen und nach meinem Urlaub testen, danke!
April 2, 2015 at 3:53 am #422251Hey!
alles klar. Melde dich dann einfach noch einmal in einem neuen Ticket, falls du dann noch Hilfe brauchen solltest.
Einen schönen Urlaub wünsche ich dir!
Liebe Grüße,
Andy -
AuthorPosts
- The topic ‘Shop Page Banner Color + Image (with problems)’ is closed to new replies.