Bildgröße in Themeslider manuell anpassbar machen

  • Hallo,
    mein Theme beinhaltet eine Slider-Funktion und legt für die Bildgröße eine feste Größe ('shop_catalog') fest:
    [COLOR=#0080ff]$thumbnail_image = wp_get_attachment_image_src( get_post_thumbnail_id(), apply_filters( 'single_product_archive_thumbnail_size', 'shop_catalog' ) );[/COLOR]

    [COLOR=#0080ff]echo sprintf('<img data-src="%s" class="owl-lazy" alt="%s" title="%s" data-srcset="%s" sizes="%s" height="%s" width="%s" />',esc_url( $thumbnail_image[0] ),esc_attr($props['alt']),get_the_title(),wp_get_attachment_image_srcset( get_post_thumbnail_id(), apply_filters( 'single_product_archive_thumbnail_size', 'shop_catalog' )), wp_get_attachment_image_sizes( get_post_thumbnail_id(), apply_filters( 'single_product_archive_thumbnail_size', 'shop_catalog' )), esc_attr($thumbnail_image[1]), esc_attr($thumbnail_image[2]) );[/COLOR]

    Als shop_catalog Bildgröße habe ich 420x420px eingestellt und das passt auch für die meisten Slider. Allerdings benötige ich bei einem Slider nur 60x60px große Bilder.
    Der Slider skaliert die Bildgrößen dann zwar von 420 auf 60px aber aus Performancesicht ist das natürlich suboptimal.

    Daher suche ich nach einer Lösung, wie ich den Code anpassen könnte, um die Bildgröße manuell je nach Slider zu ändern. Optimal wäre wenn ich sagen könnte: "Wenn der Slider die Klasse .small-slider hat, dann soll als Bildgröße 'thumbnail' genommen werden" (und thumbnail definiere ich mit 60px).

    Habt ihr eine Idee wie ich das hinbekommen könnte?

    Vielen Dank im Voraus!

    2 Mal editiert, zuletzt von sommermädchen (7. Mai 2018 um 14:36)

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!