tamaño - Woocommerce: imagen destacada diferente a la imagen del producto

tamaño de imagenes en wordpress

Question

¿Hay alguna manera de agregar una imagen destacada para que el producto se muestre en las listas de productos, pero mostrar otra imagen como imagen del producto? (solo una imagen, no una galería de imágenes)

Al hacer clic en el producto en la lista (con una imagen destacada), el producto muestra solo una imagen, con la descripción y esas cosas, pero una imagen diferente, no la que aparece.

Answer 1

Puede configurar la primera imagen de la Galería de productos como imagen del producto y la imagen destacada que configure aparecerá en la página de lista de productos.

Ahora, para establecer su primera imagen de la Galería de productos como imagen del Producto, debe anular el archivo de plantilla de woocommerce - product-image.php.

Para anular, copie el archivo de la carpeta de plugins woocommerce a su tema / woocommerce / single-product / product-image.php

Reemplace la parte <div> con el siguiente código -

<div class="images">

<?php

    $attachment_ids = $product->get_gallery_attachment_ids();
    isset ($placeholder_width)? : $placeholder_width=0;
    isset ($placeholder_height)? : $placeholder_height=0;

    if ( $attachment_ids ) {
        $attachment_id = $attachment_ids[0];

    if ( ! $placeholder_width )
        $placeholder_width = $woocommerce->get_image_size( ''shop_catalog_image_width'' );
    if ( ! $placeholder_height )
        $placeholder_height = $woocommerce->get_image_size( ''shop_catalog_image_height'' );

        $output = ''<div class="imagewrapper">'';

        //$classes = array( ''imagewrapper'' );
        $classes = array();
        $image_link = wp_get_attachment_url( $attachment_id );

        if ( $image_link ) {

        $image       = wp_get_attachment_image( $attachment_id, apply_filters( ''single_product_thumbnail_size'', ''shop_thumbnail'' ) );
        $image_class = esc_attr( implode( '' '', $classes ) );
        $image_title = esc_attr( get_the_title( $attachment_id ) );

        echo apply_filters( ''woocommerce_single_product_image_html'', sprintf( ''<a href="%s" itemprop="image" class="woocommerce-main-image zoom" title="%s"  rel="prettyPhoto[product-gallery]">%s</a>'', $image_link, $image_title, $image ), $post->ID );

        } else {

            echo apply_filters( ''woocommerce_single_product_image_html'', sprintf( ''<img src="%s" alt="Placeholder" />'', woocommerce_placeholder_img_src() ), $post->ID );

        }

    }
?>

<?php do_action( ''woocommerce_product_thumbnails'' ); ?>

También anule el archivo product-thumbnails.php y agregue el siguiente código justo antes del ciclo foreach.

unset($attachment_ids);

Al agregar esta línea, la primera imagen no se mostrará en la galería del producto, solo se mostrará como Imagen del producto.