1 回答

TA貢獻(xiàn)1998條經(jīng)驗 獲得超6個贊
<li>如果術(shù)語有父類別并且因此是子類別,則可以將類別設(shè)置為。通過這個類,您可以設(shè)置它在 CSS 中的外觀,并使其看起來像“子類別”:
<!-- code before -->
<li <?php if( $cat->parent !== 0 ) { echo 'class="child_cat" '; } ?>>
<a href="<?php echo $term_link; ?>">
<?php echo $cat->name; ?>
</a>
</li>
<!-- code after -->
當(dāng)$cat有父級使用$cat->parent該類時將被添加。在 style.css 中,您可以調(diào)整樣式:
.child_cat { font-size: 0.9rem; padding-left: 2.5rem; }
這樣子類別將具有較小的字體大小和左側(cè)的填充。
編輯:
您希望子類別在其各自的父類別下方列出。我建議使用get_terms兩次,一次用于接父母,另一次用于接孩子。循環(huán)遍歷它們。您的代碼可以如下所示:
<ul class="list-unstyled">
<?php
$parent_arguments = array('parent' => 0, 'hide_empty' => true );
$parent_terms = get_terms('product_cat', $parent_arguments );
foreach ( $parent_terms as $parent_term ) {
echo '<li><a href="'.get_term_link( $parent_term, "product_cat" ).'">'.$parent_term->name.'</a></li>'; // Parent term
$child_arguments = array( 'parent' => $parent_term->term_id, 'hide_empty' => true );
$child_terms = get_terms( 'product_cat', $child_arguments );
echo '<ul>';
foreach( $child_terms as $child_term ) {
echo '<li class="child_cat"><a href="'.get_term_link( $child_term, "product_cat" ).'">'.$child_term->name.'</a></li>'; // Child term
}
echo '</ul>';
} ?>
</ul>
- 1 回答
- 0 關(guān)注
- 146 瀏覽
添加回答
舉報