Cum să afișezi toate miniaturile produselor în bucla WooCommerce
http://69.89.31.200/~horologi/shop/
Lucrez la site-ul de mai sus și clientul a solicitat ca în pagina magazinului să fie afișate toate informațiile despre produse, inclusiv toate miniaturile produselor. Am copiat fișierele de șablon WooCommerce în directorul temei mele pentru a le putea modifica și am experimentat cu fișierul loop-shop.php. Ceea ce am încercat mai întâi a fost să adaug următorul cod în bucla paginii de produs:
<div class="images">
<?php if ( has_post_thumbnail() ) : ?>
<a itemprop="image" href="<?php echo wp_get_attachment_url( get_post_thumbnail_id() ); ?>" class="zoom" rel="thumbnails" title="<?php echo get_the_title( get_post_thumbnail_id() ); ?>"><?php echo get_the_post_thumbnail( $post->ID, apply_filters( 'single_product_large_thumbnail_size', 'shop_single' ) ) ?></a>
<?php else : ?>
<img src="<?php echo woocommerce_placeholder_img_src(); ?>" alt="Placeholder" />
<?php endif; ?>
<?php do_action('woocommerce_product_thumbnails'); ?>
Am preluat acel cod din fișierul product-image.php. Din păcate, acesta afișează miniaturile la dimensiune completă. Nu eram sigur care este cea mai bună practică pentru a realiza acest lucru. Orice ajutor este binevenit. Mulțumesc!
Al doilea parametru al funcției get_the_post_thumbnail
determină dimensiunea imaginii pe care o doriți. În prezent, transmiteți:
apply_filters( 'single_product_large_thumbnail_size', 'shop_single' )
dar schimbați-l în
apply_filters( 'single_product_small_thumbnail_size', 'shop_thumbnail' )
Și veți obține dimensiunea mai mică a imaginii. De asemenea, puteți transmite "thumbnail"
sau oricare dintre dimensiunile personalizate pe care le aveți în acel loc, fără funcția apply_filter
.

În loc să folosești shop_thumbnail
sau shop_single
, poți încerca array(lățime, înălțime)
.
Doar înlocuiește această linie din codul tău
apply_filters( 'single_product_large_thumbnail_size', 'shop_single' )
cu
apply_filters( 'single_product_large_thumbnail_size', array(300, 300) )
