I am trying to get some help in PHP so I can add a class or ID to each individual item returned in a loop. I am using a piece of code (see below) to return taxonomies (locations). I have all my 32 locations returned perfectly and displayed on my site. However, I cannot individually style each location via css as there is no unique class associated with each of them.
Each block that is returned looks like this on the frontend
<div class="block">
<a href="http://example.com/location/new-york">
<h2>
<a href="http://example.com/location/new-york">
Antrim
<br>
<span>(1 Farmer)</span>
</a>
</h2>
which repeats for all locations returns. As you can see there would be no way to actually style each individually which is what I require.
My code which returns the locations is as follows. I have tried googling and a few different ways to do it, but feel I am out of my league and thought I would ask the experts here for some help!
Thanks
<?php
global $woo_options;
$post_types_to_loop_through = array();
$posts_to_exclude = array();
$categories_panel_entries = $woo_options['woo_categories_panel_entries'];
$more_listings_setting = $woo_options['woo_more_listings_area'];
$wp_custom_post_types_args = array();
$wp_custom_post_types = get_post_types($wp_custom_post_types_args,'objects');
foreach ($wp_custom_post_types as $post_type_item) {
$cpt_test = get_option('woo_categories_panel_post_types_'.$post_type_item->name);
if ($cpt_test == 'true') {
$cpt_nice_name = $post_type_item->labels->name;
$cpt_has_archive = $post_type_item->has_archive;
$post_types_to_loop_through[$post_type_item->name] = array('nice_name' => $cpt_nice_name, 'has_archive' => $cpt_has_archive);
}
}
$section_counter = 0;
foreach ($post_types_to_loop_through as $post_type_item => $post_type_item_nice_name) {
$taxonomies = array('location');
$block_counter = 0;
$args = array('orderby' => 'name', 'order' => 'ASC');
?>
<div id="location">
<?php
// NEW AND IMPROVED QUERY
$all_terms = get_terms( $taxonomies, $args );
$block_counter = 0;
foreach ( $all_terms as $all_term) {
$tax_test = get_option('woo_categories_panel_taxonomies_'.$all_term->taxonomy);
if ( ($tax_test == 'true') && ($block_counter < $categories_panel_entries) ) {
$post_images = array();
$posts_aray = array();
$term_name = $all_term->name;
$term_slug = $all_term->slug;
$term_id = $all_term->term_id;
$term_link = get_term_link( $all_term, $all_term->taxonomy );
$counter_value = $all_term->count;
?>
<div class="block">
<a href="<?php echo $term_link; ?>">
<?php
$block_counter++;
if ( $post_id > 0 ) {
// If a featured image is available, use it in priority over the "image" field.
if ( function_exists( 'has_post_thumbnail' ) && current_theme_supports( 'post-thumbnails' ) ) {
if ( has_post_thumbnail( $post_id ) ) {
$_id = 0;
$_id = get_post_thumbnail_id( $post_id );
if ( intval( $_id ) ) {
$_image = array();
$_image = wp_get_attachment_image_src( $_id, 'full' );
// $_image should have 3 indexes: url, width and height.
if ( count( $_image ) ) {
$_image_url = $_image[0];
woo_image('src=' . $_image_url . '&key=image&width=139&height=81&link=img');
} // End IF Statement
} // End IF Statement
} else {
woo_image('id='.$post_id.'&key=image&width=139&height=81&link=img');
} // End IF Statement
} else {
woo_image('id='.$post_id.'&key=image&width=139&height=81&link=img');
} // End IF Statement
} else {
// Fallback
woo_taxonomy_image($post_images,$term_link);
} // End IF Statement
$php_formatting = "m\/d\/Y";
$post_item_date = strtotime($post_date_raw);
?>
</a>
<h2><a href="<?php echo $term_link; ?>"><?php echo $term_name ?> <br/><span>(<?php echo $counter_value; ?> Farmers)</span></a></h2>
<p><?php _e('Latest listing ', 'woothemes') ?><?php echo date($php_formatting,$post_item_date); ?></p>
</div><!-- /.block -->
<?php
if ( $block_counter % 5 == 0 ) {
?>
<div class="fix"></div>
<?php
} // End IF Statement
} // End IF Statement
?>
<?php
} // End For Loop
?>
<div class="fix"></div>
<?php if ( $block_counter > 0 ) { ?>
<?php } else { ?>
<p class="woo-sc-box note" style="margin:20px 20px;"><?php _e('Please add some posts in order for this panel to work correctly. You must assign the post to these taxonomies for it to work.','woothemes'); ?></p>
<?php } ?>
</div><!-- /.listings -->
<div class="fix"></div>
Update Thanks to some of the help I have implemented this code, but still can't get it to work!
I added this to the global variables on line 8
$i = 0; // initialise incrementing variable
I then added this just before the div as u can see with the extra class I am trying to echo
// I added this line as suggested just before my div
<?php foreach ( $all_terms as $all_term) { ?>
// I then added a new class but I was not sure how to write this
<div class="block" class="<?php echo "post-" . $i; ?>">
Just before the closing div tag (about 100 lines later) I add the closing code
$i++; // increment it
}
As @sushanth reddy said, it should really be as simple as