Viewing 30 posts - 1 through 30 (of 35 total)
  • Author
    Posts
  • #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.

    #522444

    Hi 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ß,
    Andy

    #522762

    Woocommerce ist nicht installiert. Wir importieren die Daten mit JC-Importer als XML-Datei.

    #523062

    Hey!

    leider lädt deine Seite bei mir nicht. Bist du sicher, dass das der korrekte Link ist?

    Gruß,
    Andy

    #525364

    Ich habe den Link aktualisiert.

    #526140

    kann mir bitte jemand weiterhelfen

    #526683

    Hey!

    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ß!
    Andy

    #526762

    Thank you very much.

    what code do i need to center that image vertical an horzi…

    #526770

    Hi!

    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ß,
    Andy

    #526780

    Habe 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.
    #526848

    Hi!

    du hattest in deinem vorigen Post auch nicht nach der Bildgröße gefragt, sondern danach wie man es zentrieren kann.

    Gruß,
    Andy

    #526853

    stimmt. aber der code für die Bildgröße scheint nicht zu greifen

    #526869

    Hey!

    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ß,
    Andy

    #526886

    layerslider: signage

    #527578

    Hey!

    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ß,
    Andy

    #532623

    Plugin ist deaktiviert. Leider werden die Bilder immer noch abgeschnitten

    #533335

    Hey!

    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!
    Andy

    #533379

    ja. Sehen sie etwa die korrekte Darstellung ?

    #533436

    Hi!

    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ß,
    Andy

    #533440

    alle Bilder sollen in einen Rahmen mit 600x600px skaliert werden.

    und noch horizontal bzw. vertikal mittig wenn möglich

    #533453

    Hey!

    wenn du diesen Code verwendest, bekommst du alle Bilder im Layerslider auf 600×600:

    img.ls-l {
    width: 600px !important;
    height: 600px !important;
    } 
    

    Gruß,
    Andy

    #533468

    aber halt leider nicht proportional skaliert sondern je nach Bild verzerrt :-(

    #533479

    Hey!

    du kannst keine Bilder auf 600×600 skalieren und hoffen, dass sie nicht verzerren, wenn sie nicht auch schon vorher quadratisch waren.

    Gruß,
    Andy

    #533483

    ich 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.

    #533498

    Hi!

    dann benutze nur einen von beiden Werten in meinem code. Also entweder width oder height.

    Gruß,
    Andy

    #533893

    gibt es ein plugin welches mir beim Bilderimport in wordpress die Bilder entsprechen skalieren kann ?

    #533948

    Hey!

    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ß,
    Andy

    #533981

    Legt 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 ?

    #534006

    Hey!

    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ß!
    Andy

    #534024

    Perfekt. 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" />

Viewing 30 posts - 1 through 30 (of 35 total)
  • You must be logged in to reply to this topic.