Как использовать изображение категории другого размера

Question

Как использовать изображение категории другого размера

Надеюсь, кто-то может помочь.

Я нахожусь в процессе создания сайта WooCommerce, и у меня возникла проблема с изображениями категорий.

При нажатии на магазин появляется страница с миниатюрами различных категорий. Когда вы нажимаете на миниатюру, вы попадаете на страницу с продуктами, относящимися к этой категории.

То, что я ищу, — это использовать то же изображение категории с предыдущей страницы, что и в заголовке. Проблема заключается в том, что изображение имеет другой размер, то есть полный размер.

Я установил размер с именем feat-img в functions.php, но не могу понять, как его использовать.

Вот код, который я использую для отображения изображения категории:

<?php
if (is_product_category()){
global $wp_query;
$cat = $wp_query->get_queried_object();
$thumbnail_id = get_woocommerce_term_meta( $cat->term_id, 'thumbnail_id', true );
$image = wp_get_attachment_url( $thumbnail_id );
echo '<img class="img-responsive" src="'.$image.'" alt="" />';
}
?>

Любая помощь будет благодарна за то, как я использую размер ‘feat-img’.

Спасибо

1

php woocommerce wordpress

Решение

Другие решения

Других решений пока нет …

Источник

Accepted Answer

Сначала определите в functions.php, как это

add_image_size('300pxSize',300,300);
add_image_size( 'full-width-ratio', 600, 9999 );
add_image_size( 'full-width-crop', 600, 300, true );
add_image_size( 'full-width-crop-h200', 600, 200, true );

//get featured image
function f_image($id,$width="300pxSize") {
$postThumbnailId = get_post_thumbnail_id( $id );
$imgsrc = wp_get_attachment_image_src( $postThumbnailId, $width);

return  $imgsrc[0];
}
// Check if post has image
function hasFeaturedImage($id) {
$fImg = f_image($id);
if($fImg)
{
return true;
}
return false;
}

затем вызовите вашу страницу (например, single.php) следующим образом:

  <?php if(have_posts()) : while(have_posts()) : the_post(); ?>
<?php if(hasFeaturedImage(get_the_ID())) : ?>
<div class="single-post-image">
<img src="<?php echo f_image(get_the_ID(),"full-width-crop"); ?>" alt="">
</div>
<?php endif; ?>
<?php endwhile;endif;wp_reset_query(); ?>

0