Manager

Back Back Up Advanced Editor

<?php

//START LAYOUT
$nd_elements_result .= '
<div class="nd_elements_section nd_elements_woogrid_l2 nd_elements_masonry_content">';

while ( $the_query->have_posts() ) : $the_query->the_post();

//info
		$nd_elements_id = get_the_ID(); 
		$nd_elements_title = get_the_title();
		$nd_elements_excerpt = get_the_excerpt();
		$nd_elements_permalink = get_permalink( $nd_elements_id );

//woo info
		$nd_elements_price = get_post_meta( $nd_elements_id, '_price', true);

//customizer
		$nd_elements_customizer_woocommerce_color_greydark = get_option( 'nd_options_customizer_woocommerce_color_greydark', '#444444' );

//decide color - nd-shortcodes compatibility
		$nd_elements_meta_box_woocommerce_color = get_post_meta( $nd_elements_id, 'nd_options_meta_box_woocommerce_color', true );
		if ( $nd_elements_meta_box_woocommerce_color != '' ) { 
			$woogrid_color = $nd_elements_meta_box_woocommerce_color;
		}

//image
		$nd_elements_image_id = get_post_thumbnail_id( $nd_elements_id );
		$nd_elements_image_attributes = wp_get_attachment_image_src( $nd_elements_image_id, 'large' );
		if ( $nd_elements_image_attributes[0] == '' ) { $nd_elements_output_image = ''; }else{
		  $nd_elements_output_image = '<a href="'.$nd_elements_permalink.'"><img class="nd_elements_section" alt="" src="'.$nd_elements_image_attributes[0].'"></a>';
		}

$nd_elements_result .= '
    	<div class=" '.$woogrid_width.' nd_elements_width_100_percentage_responsive nd_elements_float_left nd_elements_masonry_item nd_elements_padding_15 nd_elements_box_sizing_border_box">

<div class="nd_elements_position_absolute nd_elements_top_30 nd_elements_right_30">
			        <a style="background-color:'.$woogrid_color.';" class="nd_elements_line_height_13 nd_elements_font_size_13 nd_elements_padding_5_10 nd_elements_float_left nd_elements_color_fff_important" href="'.$nd_elements_permalink.'">
			        	'.get_woocommerce_currency_symbol().' '.$nd_elements_price.'
			        </a>
			    </div>

<div class="nd_elements_position_absolute nd_elements_bottom_0 nd_elements_text_align_center nd_elements_padding_20_30 nd_elements_box_sizing_border_box nd_elements_left_0 nd_elements_width_100_percentage">
			
					<a class="nd_elements_section" href="'.$nd_elements_permalink.'">
			          <h4 class="nd_elements_color_fff_important nd_elements_word_break_break_word nd_elements_margin_0_important nd_elements_letter_spacing_1"><strong>'.$nd_elements_title.'</strong></h4>
			        </a>
			       
				</div>

'.$nd_elements_output_image.'

</div>
	    	
		</div>';

endwhile;

$nd_elements_result .= '
</div>';
//END LAYOUT