php WooCommerce特色产品循环作为模板标记和短代码

Posted 2021-05-05

<?php
$args = array(
	'posts_per_page' => -1,
	'post_type'      => 'product',
	'post_status'    => 'publish',
	'tax_query'      => array(
		array(
			'taxonomy' => 'product_visibility',
			'field'    => 'name',
			'terms'    => 'featured',
			'operator' => 'IN',
			),
		)  
);
$featured_product = new WP_Query( $args );

if ( $featured_product->have_posts() ) : 

echo '<div class="woocommerce columns-3"><ul class="products">';

while ( $featured_product->have_posts() ) : $featured_product->the_post();

$post_thumbnail_id     = get_post_thumbnail_id();
$product_thumbnail     = wp_get_attachment_image_src($post_thumbnail_id, $size = 'full');
$product_thumbnail_alt = get_post_meta( $post_thumbnail_id, '_wp_attachment_image_alt', true );
?>

	<li class="product">
		<a href="<?php the_permalink();?>">
			<img src="<?php echo $product_thumbnail[0];?>" alt="<?php echo $product_thumbnail_alt;?>">
			<h3 class="woocommerce-loop-product__title"><?php the_title();?></h3>
			<button class="yellow-but">VIEW PRODUCT</button>
		</a>    
	</li>
<?php 
endwhile; 

echo '</ul></div>';

endif; 
		
 wp_reset_query();
 ?>          
<!-- Featured products loop -->  

<?php
add_shortcode( 'woo_featured', 'wb_woo_featured' );
/*
 *
 * Featured Product Loop
 */
function wb_woo_featured() {

$args = array(  
	'post_type'      => 'product',  
	'posts_per_page' => 3,
	'post_status'    => 'publish',
	'tax_query'      => array(
		array(
			'taxonomy' => 'product_visibility',
			'field'    => 'name',
			'terms'    => 'featured',
			'operator' => 'IN'
		),  
	),
);  
$featured_product = new WP_Query( $args );  

if ( $featured_product->have_posts() ) :  

ob_start();

echo '<div class="woocommerce columns-3"><ul class="products">';
while ( $featured_product->have_posts() ) : $featured_product->the_post();

$product               = wc_get_product( $featured_product->post->ID );  
$post_thumbnail_id     = get_post_thumbnail_id();
$product_thumbnail     = wp_get_attachment_image_src($post_thumbnail_id, $size = 'shop-feature');
$product_thumbnail_alt = get_post_meta( $post_thumbnail_id, '_wp_attachment_image_alt', true );

// Featured Post Loop Output 
//	wc_get_template_part( 'content', 'product' ); 
?>
	
	<li class="product">
		<a href="<?php the_permalink();?>">
			<img src="<?php echo $product_thumbnail[0];?>" alt="<?php echo $product_thumbnail_alt;?>">
			<h3 class="woocommerce-loop-product__title"><?php the_title();?></h3>
			<button class="yellow-but">VIEW PRODUCT</button>
		</a>    
	</li>

<?php

endwhile;  
echo '</ul></div>';
endif;  
wp_reset_query();

return ob_get_clean();
}