Deaktivieren Sie die original-Bild-Ernte in WooCommerce

Gehen Sie auf woocommerce > Einstellungen > Produkte (tab) > Anzeige (sub-tab)

Klicken Sie dann unten auf der Seite unter "Produkt-Bilder, deaktivieren Schwer Crop-Optionen und änderungen speichern:

Dann werden Sie brauchen, um zu regenerieren, Ihre Produkte, Bilder mit Regenerate Thumbnails plugin:

• Installieren und aktivieren Regenerate Thumbnails plugin.
• Gehen Sie Im Tools-Menü finden Sie eine "Regenerate thumbnails" - Artikel-Seite.
• Drücken Regenerate all thumbnails (diese regeneriert alle thumbnails Bilder von Ihrem WordPress-Website.
• In die WordPress Medien-Bibliothek (in der Listen-Ansicht), können Sie thumbnails eins nach dem anderen.

MIT PHP ALTERNATIVE:

Manchmal in einigen Themen ist dies Einstellungen sind hart codiert. So können Sie Sie ändern mit diesem code-snippet einfügen, wird es in der function.php Datei der aktiven child-theme oder-theme:

function yourtheme_woocommerce_image_dimensions() {
    global $pagenow;

    if ( ! isset( $_GET['activated'] ) || $pagenow != 'themes.php' ) {
        return;
    }
    $catalog = array(
        'width'     => '300',   //px
        'height'    => '300',   //px
        'crop'      => 0 //Disabling Hard crop option.
    );
    $single = array(
        'width'     => '150',   //px
        'height'    => '150',   //px
        'crop'      => 0 //Disabling Hard crop option.
    );
    $thumbnail = array(
        'width'     => '90',   //px
        'height'    => '90',   //px
        'crop'      => 0 //Disabling Hard crop option.
    );
    //Image sizes
    update_option( 'shop_catalog_image_size', $catalog );       //Product category thumbs
    update_option( 'shop_single_image_size', $single );      //Single product image
    update_option( 'shop_thumbnail_image_size', $thumbnail );   //Image gallery thumbs
}
add_action( 'after_switch_theme', 'yourtheme_woocommerce_image_dimensions', 1 );

Können Sie Kommentar/kommentieren Sie den code ein (oder entfernen Sie einige Teile) zu Fuß Ihre Bedürfnisse. Diesen code zum überschreiben von Optionen in den WooCommerce-Einstellungen > Produkte > Display (Produktbilder).

AKTIVIERUNG:
Sie müssen zum Umschalten des aktiven Themas zu einem anderen und dann wieder zurück wechseln, um es zu aktivieren.

Könnten Sie auch brauchen, um zu regenerieren, die Produkt-Bilder mit Regenerate Thumbnails plugin...

Wenn Sie wollen, um es durch code, fügen Sie das snippet in die functions.php Datei:

//set thumbnails size in shop page
add_filter( 'woocommerce_get_image_size_thumbnail', 'ci_theme_override_woocommerce_image_size_thumbnail' );
function ci_theme_override_woocommerce_image_size_thumbnail( $size ) {
    //Catalog images: specific size
    return array(
        'width'  => 150,
        'height' => 150,
        'crop'   => 0, //not cropped
    );
}

Als Silver Moon erwähnt, falls Sie diese option verwenden, es wird Sie zwingen, zu machen, zu teilen, dass alle Bilder die gleiche Größe haben. Ich fand einen workaround, um mit diesem Problem umzugehen: ich bin mit Woo Ausrichten-Schaltflächen plugin zur Ausrichtung des 'zum Warenkorb hinzufügen' - button und fügte hinzu, diese CSS-Eigenschaften, um die Bilder in der shop-Seite:

height: 150px;
vertical-align: middle;
display: flex;

Wenn Sie es verwenden möchten, auf einer anderen Seite (nicht auf der shop-Seite), Folgen Sie dieser Anleitung: https://docs.woocommerce.com/document/image-sizes-theme-developers/