[英]Display a random product thumbnail for a product category in WooCommerce
I am trying to pull a random product thumbnail to display as an image on one of my pages.我正在尝试提取随机产品缩略图以在我的一个页面上显示为图像。 I can't seem to find a way that works, and have tried the solutions from this and this post.我似乎无法找到一种方式工作,并试图从解决这个和这个职位。
It would be beneficial to echo it out in a div as well.在 div 中回显它也是有益的。
Here is what I am currently trying but I'm still unsure how to do this.这是我目前正在尝试的,但我仍然不确定如何做到这一点。
functions.php:函数.php:
function get_random_thumbnails_for_reg(){
if(is_page(381)){
$args = array(
'tax_query' => array(
array(
'taxonomy' => 'product_cat',
'field' => 'slug',
'terms' => 'allison-1000-gm-duramax-series'
)
)
);
$random_products = get_posts( $args );
foreach ( $random_products as $post ) : setup_postdata( $post );
?>
<div id="randomPic"><a href="<?php the_permalink(); ?>"><?php the_post_thumbnail(); ?></a></div>
<?php
endforeach;
wp_reset_postdata();
}
}
add_action('wp_footer', 'get_random_thumbnails_for_reg', 50);
Ok after some testing I got it working in a different modular way.好的,经过一些测试,我让它以不同的模块化方式工作。 I have created a custom shortcode that displays randomly one product thumbnail based on a product category**.我创建了一个自定义短代码,它根据产品类别随机显示一个产品缩略图**。
This shortcode has 2 argument:这个简码有 2 个参数:
cat
产品类别 slug: cat
size
(can be: 'shop_thumbnail'
, 'shop_catalog'
or 'shop_single'
)图片size
(可以是: 'shop_thumbnail'
、 'shop_catalog'
或'shop_single'
) Then I use this short code in your custom function hooked in wp_footer
action hook.然后我在wp_footer
动作挂钩中挂钩的自定义函数中使用此短代码。
Here is that code:这是代码:
// Creating a shortcode that displays a random product image/thumbail
if( !function_exists('custom_shortcode_random_thumbnail') ) {
function custom_shortcode_random_thumbnail( $atts ) {
// Shortcode attributes
$atts = shortcode_atts(
array(
'cat' => '', // product category shortcode attribute
'size' => 'shop_thumbnail', // Default image size
),
$atts, 'random_thumbnail'
);
// Get products randomly (from a specific product category)
$random_post = get_posts( array(
'posts_per_page' => 1,
'post_type' => 'product',
'orderby' => 'rand',
'post_status' => 'published',
'tax_query' => array( array(
'taxonomy' => 'product_cat',
'field' => 'slug',
'terms' => $atts['cat'],
) )
) );
// Get an instance of the WC_Product object
$product = wc_get_product($random_post[0]->ID);
// The Product permalink
$product_permalink = $product->get_permalink();
// The Product image. Size can be: 1. 'shop_thumbnail', 2. 'shop_catalog' or 3. 'shop_single'
$product_image = $product->get_image( $atts['size'] );
// The output
return '<div id="random-pic"><a href="' . $product_permalink . '">' . $product_image . '</a></div>';
}
add_shortcode( 'random_thumbnail', 'custom_shortcode_random_thumbnail' );
}
// Using the shortcode to display a random product image
function get_random_thumbnails_for_reg(){
// Only for page ID 381
if( ! is_page( 381 ) ) return;
echo do_shortcode( "[random_thumbnail cat='clothing']" );
}
add_action('wp_footer', 'get_random_thumbnails_for_reg', 50);
Code goes in function.php file of your active child theme (or theme) or also in any plugin file.代码位于活动子主题(或主题)的 function.php 文件或任何插件文件中。
This code is tested and works此代码经过测试并有效
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.