如何在产品类别的 echo 中添加 ACF PRO image src="" 和 alt=""

Posted

技术标签:

【中文标题】如何在产品类别的 echo 中添加 ACF PRO image src="" 和 alt=""【英文标题】:How to add ACF PRO image src="" & alt="" in echo for product category 【发布时间】:2018-07-03 14:42:58 【问题描述】:

我正在努力添加 ACF PRO get_field for image in echo 以便产品类别显示在 Archive-product.php

<?php
$orderby = 'name';
$order = 'asc';
$hide_empty = true ;
$cat_args = array(
'orderby'    => $orderby,
'order'      => $order,
'hide_empty' => $hide_empty,
);

$product_categories = get_terms( 'product_category', $cat_args );

if( !empty($product_categories) )
echo '<div class="container">';
echo '<div class="row">';
foreach ($product_categories as $key => $category) 
    $image = get_field('product_category' . $term_id );
    echo '<div class="col-lg-4">';
    echo '<a href="'.get_term_link($category).'" >';
    echo $category->name;
    echo '<img src="' . $image['url'] . '" >';
    echo '</a>';
    echo '</div>';

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

else 
// no posts found
echo wpautop( 'Sorry, no posts were found' );

?>

有人知道吗?

谢谢,

肖恩。

【问题讨论】:

taxonomy=product_category&tag_ID=6&post_type=product 表示图片来自产品类别。 get_field('product_category' . $term_id );get_field('product_category' , $term_id );(逗号)。如果没有,试试这个指南:wpza.net/woocommerce/… @WPZA 谢谢,如果类别中没有图像,我如何在 img src 中添加占位符图像? 使用您的选项页面使用if ( ! $thumbnail_image ) $thumbnail_image = get_field( 'default_image', 'option'; :wpza.net/advanced-custom-fields/… @WPZA,我的意思是 $feat_image_url = wp_get_attachment_url( get_post_thumbnail_id(get_the_ID(),'catimages') ); if($feat_image_url == '') $feat_image_url = 'https://www.mirius.com/wp-content/uploads/2018/04/placeholder.png'; 我是从 Google 获得的,但我复制了它,但没有占位符图像。 【参考方案1】:

RE:如果类别中没有图像,img src 中的占位符图像如何?

这对我有用:

<?php

$orderby = 'name';
$order = 'asc';
$hide_empty = true ;
$cat_args = array(
'orderby'    => $orderby,
'order'      => $order,
'hide_empty' => $hide_empty,
);

$product_categories = get_terms( 'product_category', $cat_args );

if( !empty($product_categories) )
    echo '<div class="container">';
    echo '<div class="row">';
    foreach ($product_categories as $key => $category) 
        echo '<div class="col-lg-4">';
        echo '<a href="'.get_term_link($category).'" >';
        echo $category->name;
        $image = get_field('product_category', $category );
        if($image) 
        echo '<img src="' . $image['url'] . '" >';
         else 
            echo '<img src="/wp-content/uploads/2018/04/placeholder.png">';
        
        echo '</a>';
        echo $category->description;
        echo '</div>';
    
    echo '</div>';
    echo '</div>';

else 
    // no posts found
    echo wpautop( 'Sorry, no posts were found' );

?>

【讨论】:

以上是关于如何在产品类别的 echo 中添加 ACF PRO image src="" 和 alt=""的主要内容,如果未能解决你的问题,请参考以下文章

替换产品类别的 Woocommerce 单一产品页面上的“添加到购物车”按钮

隐藏产品价格并禁用 Woocommerce 中特定产品类别的添加到购物车

如果订单包含来自特定产品类别的商品,则为 WooCommerce 订单号添加前缀

如何在 ACF PRO LOOP 中自动增加数字

如何检索 ACF 中字段的值?

在 WooCommerce 购物车中隐藏特定产品类别的缩略图