thème d'affichage de catégories avec des vignettes

thème d'affichage de catégories avec des vignettes

Exactement ce que je veux savoir, c'est comment puis-je obtenir mes catégories comme dans l'image. (La nourriture de types de vignettes.) J'ai un site WordPress avec le Maya Boutique de thème est basé sur Woo Commerce. J'ai essayé dans tous les sens, je pouvais partir du menu et je n'avais pas réussi à le faire.
Aussi essayé de bidouiller un peu avec le code Court en vain. Je suis nouveau sur ce un, je veux le garder aussi simple que possible. Dois-je écrire le code php pour certains fichiers ou peut-on faire plus simple?

OriginalL'auteur morgred | 2013-06-26

  1. 2

    Ce n'est pas la bonne réponse. get_category_link() n'est pas approprié de la fonction à utiliser pour personnaliser la taxonomie. Fonction get_term_link() est ce dont nous avons besoin ici.

    <?php
    $prod_categories = get_terms( 'product_cat', array(
        'orderby'    => 'name',
        'order'      => 'ASC',
        'hide_empty' => 1
    ));
    foreach( $prod_categories as $prod_cat ) :
        $cat_thumb_id = get_woocommerce_term_meta( $prod_cat->term_id, 'thumbnail_id', true );
        $cat_thumb_url = wp_get_attachment_thumb_url( $cat_thumb_id );
        $term_link = get_term_link( $prod_cat, 'product_cat' );
?>
<a href="<?php echo $term_link; ?>"><img src="<?php echo $cat_thumb_url; ?>" alt="<?php echo $prod_cat->name; ?>" /></a>
<?php endforeach; wp_reset_query(); ?>

    OriginalL'auteur dariodev

  2. 1

    Je suppose que votre thème n'a pas le code déjà en place pour afficher les catégories et leurs vignettes sur la page d'accueil? Si c'est le cas, vous aurez besoin de déterminer ce modèle est utilisé et il est alors probable que l'utilisation de la variation de la suite de code pour générer l'affichage. Remarque: vous aurez besoin de style et de construire des composants supplémentaires pour correspondre à votre écran exactement.

    <ul>
<?php
    $prod_categories = get_terms( 'product_cat', array(
        'orderby'    => 'name',
        'order'      => 'ASC',
        'hide_empty' => 1
    ));
    foreach( $prod_categories as $prod_cat ) :
        $cat_thumb_id = get_woocommerce_term_meta( $prod_cat->term_id, 'thumbnail_id', true );
        $cat_thumb_url = wp_get_attachment_thumb_url( $cat_thumb_id );
?>
    <li><a href="<?php echo get_category_link( $prod_cat->term_id ); ?>"><img src="<?php echo $cat_thumb_url; ?>" alt="<?php echo $prod_cat->name; ?>" /></a></li>
<?php endforeach; wp_reset_query(); ?></ul>

    OriginalL'auteur codearachnid