-
AuthorPosts
-
October 20, 2015 at 12:45 pm #521558
Hallo,
wir wollen unsere Produkte prästentieren.Dazu exportieren wir unsere Aktionsartikel aus unserer Warenwirtschaft als XML-Datei
und importieren diese als Beiträge in WordPress.Mit LayerSlider lassen wir diese Produkte anzeigen über dynamische Inhalte aus den Beiträgen.
Jetzt haben unser Produktbilder aber unterschiedliche Größen und werden somit teilweise verzerrt dargestellt.
Wir möchten diese jedoch in einem Fenster von 600 x 600 px, mittig plaziert darstellen ohne Verzerrungen.
October 21, 2015 at 7:14 pm #522444Hi quebag!
kannst du uns dazu bitte einen Link schicken, damit wir uns das Problem mal anschauen können? wir müssten die Elemente genau untersuchen von denen du sprichst. Redest du von WooCommerce Produktbildern? denn deren Größe kannst du einstellen in WooCommerce->Settings->Products->Display->Product Images
Hoffe das hilft erstmal.
Gruß,
AndyOctober 22, 2015 at 8:28 am #522762Woocommerce ist nicht installiert. Wir importieren die Daten mit JC-Importer als XML-Datei.
October 22, 2015 at 3:56 pm #523062Hey!
leider lädt deine Seite bei mir nicht. Bist du sicher, dass das der korrekte Link ist?
Gruß,
AndyOctober 27, 2015 at 9:23 am #525364Ich habe den Link aktualisiert.
October 28, 2015 at 2:59 pm #526140kann mir bitte jemand weiterhelfen
October 29, 2015 at 12:00 pm #526683Hey!
sorry für die späte Antwort. Du kannst entweder die Bilder in der richtigen Größe hochladen oder diesen Code im Quick CSS Feld verwenden, um die Größe anzupassen:
img.ls-l.ls-preloaded { width: 600px !important; height: 600px !important; }
Gruß!
AndyOctober 29, 2015 at 2:21 pm #526762Thank you very much.
what code do i need to center that image vertical an horzi…
October 29, 2015 at 2:33 pm #526770Hi!
versuche es mit diesem Code:
img.ls-l.ls-preloaded { top: 20px; left: 20px; }
und passe selbstständig an bis es für dich passt.
Gruß,
AndyOctober 29, 2015 at 2:44 pm #526780Habe den Code jetzt eingefügt. Leider keine Änderung.
Das Bild behält seine Standard Größe von 350×833 px- This reply was modified 9 years ago by quebag.
October 29, 2015 at 3:30 pm #526848Hi!
du hattest in deinem vorigen Post auch nicht nach der Bildgröße gefragt, sondern danach wie man es zentrieren kann.
Gruß,
AndyOctober 29, 2015 at 3:34 pm #526853stimmt. aber der code für die Bildgröße scheint nicht zu greifen
October 29, 2015 at 3:43 pm #526869Hey!
du meinst diesen code hier?
Er funktioniert für mich. Leere deinen Browser Cache und refresh einige Male neu. Wenn dies immer noch nicht hilft, dann sende uns Admin-Zugang zu und wir schauen mal drüber.Gruß,
AndyOctober 29, 2015 at 3:53 pm #526886layerslider: signage
October 30, 2015 at 5:41 pm #527578Hey!
du verwendest WP Super Cache Plugin. Bitte gehe in dessen Einstellungen und schalte dort das Caching ab. Anschließend leere deinen Browser cache und hard refresh einige Male deine Seite.
Gruß,
AndyNovember 9, 2015 at 3:02 pm #532623Plugin ist deaktiviert. Leider werden die Bilder immer noch abgeschnitten
November 10, 2015 at 3:27 pm #533335Hey!
Plugin deaktivieren reicht wie gesagt nicht. Hast du das Caching zuvor in deinem Caching Plugin deaktiviert? und hinterher deinen Browser Cache geleert? und dann einige Male hard refreshed?
Cheers!
AndyNovember 10, 2015 at 4:06 pm #533379ja. Sehen sie etwa die korrekte Darstellung ?
November 10, 2015 at 4:50 pm #533436Hi!
Ich weiß nicht genau wie es aussehen soll für dich. Könntest du und eine Skizze zeigen von den Resultaten, die du dir wünscht?Ich kann nicht sehen, dass du diesen Code in deinem Quick CSS verwendest. Füge dort außerdem noch ein !important mit ein:
img.ls-l.ls-preloaded { top: 20px !important; left: 20px !important; }
und passe die Werte an, so wie du es brauchst. Deaktiviere alle Plugins, währen du am testen bist.
Gruß,
AndyNovember 10, 2015 at 4:53 pm #533440alle Bilder sollen in einen Rahmen mit 600x600px skaliert werden.
und noch horizontal bzw. vertikal mittig wenn möglich
November 10, 2015 at 5:03 pm #533453Hey!
wenn du diesen Code verwendest, bekommst du alle Bilder im Layerslider auf 600×600:
img.ls-l { width: 600px !important; height: 600px !important; }
Gruß,
AndyNovember 10, 2015 at 5:14 pm #533468aber halt leider nicht proportional skaliert sondern je nach Bild verzerrt :-(
November 10, 2015 at 5:24 pm #533479Hey!
du kannst keine Bilder auf 600×600 skalieren und hoffen, dass sie nicht verzerren, wenn sie nicht auch schon vorher quadratisch waren.
Gruß,
AndyNovember 10, 2015 at 5:32 pm #533483ich meine ja die Bilder sollten unverzerrt in die Fläche von 600×600 passen.
quasi die größere Seitenlänge soll dann entsprechend skaliert werden.November 10, 2015 at 5:46 pm #533498Hi!
dann benutze nur einen von beiden Werten in meinem code. Also entweder width oder height.
Gruß,
AndyNovember 11, 2015 at 9:26 am #533893gibt es ein plugin welches mir beim Bilderimport in wordpress die Bilder entsprechen skalieren kann ?
November 11, 2015 at 12:30 pm #533948Hey!
eine Plugin das beim Import die Bilder skaliert kenne ich nicht, aber du kannst deine bereits hochgeladenen Bilder skalieren mit diesem Plugin: https://de.wordpress.org/plugins/simple-image-sizes/
Gruß,
AndyNovember 11, 2015 at 1:30 pm #533981Legt Enfold nicht auch selbständig verschiedene Bildgrößen an ?
Zumindest hat man im Editor bei Bild einfügen verschiedene Varianten unter “Attachment” zur Auswahl.
Kann ich hier zusätzlich zum Standard eine weitere Größe anlegen ?November 11, 2015 at 2:05 pm #534006Hey!
Wordpress legt die Bildgrößen automatisch an.
Du kannst bei Enfold in die functions.php gehen und dort die Bildgrößen auch manuell anpassen:$avia_config['imgSize']['widget'] = array('width'=>36, 'height'=>36); // small preview pics eg sidebar news $avia_config['imgSize']['square'] = array('width'=>180, 'height'=>180); // small image for blogs $avia_config['imgSize']['featured'] = array('width'=>1500, 'height'=>430 ); // images for fullsize pages and fullsize slider $avia_config['imgSize']['featured_large'] = array('width'=>1500, 'height'=>630 ); // images for fullsize pages and fullsize slider $avia_config['imgSize']['extra_large'] = array('width'=>1500, 'height'=>1500 , 'crop' => false); // images for fullscrren slider $avia_config['imgSize']['portfolio'] = array('width'=>495, 'height'=>400 ); // images for portfolio entries (2,3 column) $avia_config['imgSize']['portfolio_small'] = array('width'=>260, 'height'=>185 ); // images for portfolio 4 columns $avia_config['imgSize']['gallery'] = array('width'=>845, 'height'=>684 ); // images for portfolio entries (2,3 column) $avia_config['imgSize']['magazine'] = array('width'=>710, 'height'=>375 ); // images for magazines $avia_config['imgSize']['masonry'] = array('width'=>705, 'height'=>705 , 'crop' => false); // images for fullscreen masonry $avia_config['imgSize']['entry_with_sidebar'] = array('width'=>845, 'height'=>321); // big images for blog and page entries $avia_config['imgSize']['entry_without_sidebar']= array('width'=>1210, 'height'=>423 ); // images for fullsize pages and fullsize slider
Wenn du dort Sachen veränderst, müsstest du hinterher deine Thumbnails eh regeneraten (mittels einem Plugin). Daher schlage ich vor du nimmst gleich das Plugin was ich bereits erwähnt habe.
Gruß!
AndyNovember 11, 2015 at 2:27 pm #534024Perfekt. Das funktioniert jetzt.
Aber wie schaffe ich es das Thumbnail im LayerSlider anzuzeigen.
Aktuell zieht er ja das Bild direkt vom jeweiligen Beitrag (quasi das Post-Image),
dieses hat jedoch die Originalgröße.Er soll aber das Thumbnail in folgender Größe ziehen: (hier der Code von dem Bild in einen Beitrag eingesetzt)
<img class="aligncenter size-layerslider wp-image-5487" src="http://signage.quebag.de/wp-content/uploads/263144-252x600.jpg" alt="263144" width="252" height="600" />
-
AuthorPosts
- You must be logged in to reply to this topic.