Come ottenere la prima immagine della galleria di un prodotto in WooCommerce in un loop

Question

Come ottenere la prima immagine della galleria di un prodotto in WooCommerce in un loop

8 mar 2016, 04:27:49

Visualizzazioni: 21.9K

Voti: 4

Voglio visualizzare un prodotto con un'immagine principale e quando il visitatore passa il mouse su quell'immagine, questa cambierà nella prima immagine della galleria del prodotto. Sto usando questo codice per visualizzare la galleria delle immagini, ma mostra tutte le immagini della galleria del prodotto. Voglio solo 1 immagine.

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

Qualcuno sa come risolvere questo problema? Apprezzo davvero qualsiasi suggerimento.

Cordiali saluti

Mailmulah

97

loop woocommerce offtopic galleria

Tutte le risposte alla domanda

Commenti

Il mio problema è che non so come ottenere la prima immagine dalla galleria. Sto usando http://stackoverflow.com/questions/29778288/get-woocommerce-product-gallery-image-caption ma ottengo ancora tutte le immagini dalla galleria.

Mailmulah

8 mar 2016 14:15:57

Invece di usare foreach in quel codice, devi solo ottenere il primo URL come wp_get_attachment_url( $attachment_ids[0], 'large').

Isaac Lubow

10 mar 2016 02:46:53

Grazie. Con una piccola modifica, il codice funziona bene.

Mailmulah

10 mar 2016 18:43:11

Aggiornamento 2018: È necessario utilizzare get_gallery_image_ids(); invece. Quindi utilizzare wp_get_attachment_url() con il primo ID nell'array restituito.

$product->get_gallery_image_ids();

Samyer

243

18 dic 2018 20:50:17

Isaac Lubow 881 · Accepted Answer · 2016-03-08T07:04:25Z

Oltre alla miniatura del prodotto (presumo che tu l'abbia), ciò di cui hai bisogno è una lista (array) delle immagini del prodotto - WooCommerce ha metodi appositi, ad esempio $product->get_gallery_attachment_ids().

Puoi prendere il primo ID nell'array e usarlo per recuperare la singola immagine utilizzando wp_get_attachment_image(), oppure wp_get_attachment_url(), ecc., quindi usarla come sorgente alternativa per l'immagine principale (miniatura).

Tra l'altro, la chiamata woocommerce_product_thumbnails restituisce un markup che probabilmente non vuoi utilizzare. Dovrai scartarlo o rimuovere gli hook collegati per ottenere l'output desiderato.

Isaac Lubow

881

8 mar 2016 07:04:25