Как поставить ссылки на изображение категорий?

Question

[Магомед Инаркаев]

Здравствуйте! Как поставить ссылку на изображения в категории. Сейчас переходить только если нажать на саму название категории, а нужно также если нажать на картинку чтобы перешло.

Comments

[Everybody_Lies]

попробуйте найти в гугле "как картинку сделать ссылкой"

[Магомед Инаркаев]

Everybody_Lies, пробовал разные варианты, бестолку.
Если разбираетесь, буду рад в помощи)

[Магомед Инаркаев]

Вот код этого

[qwertyshka]

Магомед Инаркаев, а можешь повторить кусок того кода буквами?
Начиная от echo <li> и заканчивая echo </li>

[Магомед Инаркаев]

qwertyshka,

echo '<li class="category">';					
					
				woocommerce_subcategory_thumbnail( $term);
				
				echo '<h6 style="font-size: 16px">';
					echo '<a href="' .  esc_url( get_term_link( $term ) ) . '" class="' . $term->slug . '">';
						echo $term->name;
					echo '</a>';
				echo '</h6>';
																	
			echo '</li>'

[qwertyshka]

echo '<li class="category">';					
        echo '<a href="' .  esc_url( get_term_link( $term ) ) . '" class="' . $term->slug . '">';  

        woocommerce_subcategory_thumbnail( $term);
        
        echo '<h6 style="font-size: 16px">';

            echo $term->name;

        echo '</h6>';
        echo '</a>';
                                  
      echo '</li>'

Попробуй заменить на этот код. В теории, должно сработать. В теории.

[Магомед Инаркаев]

qwertyshka,
Сработала. Спасибо большое!

Answer 1

[qwertyshka]

Нужно изменить вёрстку дизайна.
Сейчас схема примерно такая

<div>
  <img src="ссылка на картинку" alt="">
  <a href="ссылка на категорию">категория</a>
</div>

А должно быть

<a href="ссылка на категорию">
  <img src="ссылка на картинку" alt="">
  <span>категория</span>
</a>

С телефона не могу красиво написать, но суть, надеюсь, понятна.

Comments

[Магомед Инаркаев]

Мне через html не подходит. Прикреплю код

add_action( 'wp_enqueue_scripts', 'tutsplus_product_cats_css' );

 function tutsplus_product_subcategories( $args = array() ) {
     $parentid = get_queried_object_id();
    	
$args = array(
	'parent' => $parentid
);

$terms = get_terms( 'product_cat', $args );

if ( $terms ) {
		
	echo '<ul class="product-cats">';
	
		foreach ( $terms as $term ) {
						
			echo '<li class="category">';					
					
				woocommerce_subcategory_thumbnail( $term);
				
				echo '<h6 style="font-size: 16px">';
					echo '<a href="' .  esc_url( get_term_link( $term ) ) . '" class="' . $term->slug . '">';
						echo $term->name;
					echo '</a>';
				echo '</h6>';
																	
			echo '</li>';
																	

	}
	
	echo '</ul>';

}
    
	}
	add_action( 'woocommerce_before_shop_loop', 'tutsplus_product_subcategories', 50 );