Посмотрите вот эту тему
<script type="text/javascript">
$(document).ready(function() {
$('.subcategory').toggle();
$('.expand').live('click',function(){
$(this).parents('.category').find('.subcategory').toggle();
if ($(this).attr("alt") == "Collapsed") {
$(this).attr("alt", "Expanded").attr("src", "<?php echo osc_current_web_theme_url('images/down-arrow.png') ; ?>");
}
else
{
$(this).attr("alt", "Collapsed").attr("src", "<?php echo osc_current_web_theme_url('images/right-arrow.png') ; ?>");
}
});
});
</script>
<div class="category">
<h1><strong><a class="category <?php echo osc_category_slug() ; ?>" href="<?php echo osc_search_category_url() ; ?>"><?php echo osc_category_name() ; ?></a> <span>(<?php echo osc_category_total_items() ; ?>)</span></strong></h1>
<?php if ( osc_count_subcategories() > 0 ) { ?>
<ul>
<?php while ( osc_has_subcategories() ) { ?>
<li><a class="category <?php echo osc_category_slug() ; ?>" href="<?php echo osc_search_category_url() ; ?>"><?php echo osc_category_name() ; ?></a> <span>(<?php echo osc_category_total_items() ; ?>)</span></li>
<?php } ?>
</ul>
<?php } ?>
</div>
<div class="category">
<img class="expand" src="<?php echo osc_current_web_theme_url('images/right-arrow.png') ; ?>" alt="Collapsed" class="expand" />
<h1><a class="category <?php echo osc_category_slug() ; ?>" href="<?php echo osc_search_category_url() ; ?>"><?php echo osc_category_name() ; ?></a>
<span>(<?php echo osc_category_total_items() ; ?>)</span>
</h1>
<?php if ( osc_count_subcategories() > 0 ) { ?>
<ul class="subcategory">
<?php while ( osc_has_subcategories() ) { ?>
<li><a class="category <?php echo osc_category_slug() ; ?>" href="<?php echo osc_search_category_url() ; ?>"><?php echo osc_category_name() ; ?></a> <span>(<?php echo osc_category_total_items() ; ?>)</span></li>
<?php } ?>
</ul>
<?php } ?>
</div>
В шапке темы указаны картинки для категорий, а не две иконки по умолчания right-arrow.png и down-arrow.png. Как для каждой категории оставить свое изображение?
<?php osc_run_hook ( 'inside-main' ); ?>
<ul class="r-list">
<li>
<h1><a class="category <?php echo osc_category_slug() ; ?>" href="<?php echo osc_search_category_url() ; ?>"><?php echo osc_category_name() ; ?></a> <span>(<?php echo osc_category_total_items() ; ?>)</span></h1>
<?php if ( osc_count_subcategories() > 0 ) { ?>
<ul>
<?php while ( osc_has_subcategories() ) { ?>
<li>
<?php if( osc_category_total_items() > 0 ) { ?><a class="category <?php echo osc_category_slug() ; ?>" href="<?php echo osc_search_category_url() ; ?>"><?php echo osc_category_name() ; ?></a> <span>(<?php echo osc_category_total_items() ; ?>)</span>
<?php } else { ?><span><?php echo osc_category_name() ; ?> (<?php echo osc_category_total_items() ; ?>)</span></li>
<?php } ?>
<?php } ?>
</ul>
<?php } ?>
</li>
</ul>
<ul class="r-list">
<li>
<img class="expand" src="<?php echo osc_current_web_theme_url('images/right-arrow.png') ; ?>" alt="Collapsed" class="expand" />
<h1><a class="category <?php echo osc_category_slug() ; ?>" href="<?php echo osc_search_category_url() ; ?>"><?php echo osc_category_name() ; ?></a>
<span>(<?php echo osc_category_total_items() ; ?>)</span>
</h1>
<?php if ( osc_count_subcategories() > 0 ) { ?>
<ul class="subcategory">
<?php while ( osc_has_subcategories() ) { ?>
<li><a class="category <?php echo osc_category_slug() ; ?>" href="<?php echo osc_search_category_url() ; ?>"><?php echo osc_category_name() ; ?></a> <span>(<?php echo osc_category_total_items() ; ?>)</span></li>
<?php } ?>
</ul>
<?php } ?>
</li>
</ul>
................function bender_draw_categories_list(){ ?>
<script type="text/javascript">
$(document).ready(function() {
$('.subcategory').toggle();
$('.expand').live('click',function(){
$(this).parents('.r-list').find('.subcategory').toggle();
if ($(this).attr("alt") == "Collapsed") {
$(this).attr("alt", "Expanded").attr("src", "<?php echo osc_current_web_theme_url('images/down-arrow.png') ; ?>");
}
else
{
$(this).attr("alt", "Collapsed").attr("src", "<?php echo osc_current_web_theme_url('images/right-arrow.png') ; ?>");
}
});
});
</script>
Нужно немного переделать код, а именноВ шапке темы указаны картинки для категорий, а не две иконки по умолчания right-arrow.png и down-arrow.png. Как для каждой категории оставить свое изображение?
<img class="expand" src="<?php echo osc_current_web_theme_url('images/right-arrow.png') ; ?>" alt="Collapsed" class="expand" />
<img class="expand" src="<?php echo osc_current_web_theme_url('images/') . osc_category_id() .'.png' ?>" alt="Collapsed" class="expand" />
<script type="text/javascript">
$(document).ready(function() {
$('.subcategory').toggle();
$('.expand').live('click',function(){
$(this).parents('.r-list').find('.subcategory').toggle();
});
});
</script>
Что вас интересует? Вывод происходит при помощи функции обернутой в html код.А как вообще организован вывод категорий? я так понял на 1 скриншоте тема russia.
<div style="display: none;">
<div class="ваш класс">
<!-- То что нужно скрыть -->
</div>
</div>