<?php get_header(); ?>
<div id="container">
<div class="row-fluid">
<div class="span12">
<?php
$wp_querty = new WP_Query( array(
'post_type' => 'product', 'post_status' => 'publish') ); ?>
<?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
<div class="row-fluid">
<div class="span5">
<script type="text/javascript">
jQuery(document).ready(function(){
$('#magnify-<?php the_ID(); ?>').magnify();
});
</script>
<div style="display:none;"><input type="range" value="2" id="range-1" min="1" max="5" step="0.1"><br>
<input type="range" value="180" id="range-2" min="50" max="500" step="10"><br></div><!-- magnification purpose -->
<div class="magnify" id="magnify-<?php the_ID(); ?>">
<div class="magnifying-glass" style="background: url(<?php echo wp_get_attachment_url( get_post_thumbnail_id($post->ID) ); ?>) no-repeat;">
<div class="large">
</div>
</div>
<?php the_post_thumbnail(); ?>
</div>
</div>
<div class="span7">
<div class="row-fluid">
<div class="span12">
<b><?php the_title();?></b><br/>
<div class="span2">
Category:
</div>
<div class="span9">
<?php echo esc_html( get_post_meta( get_the_ID(), 'category', true ) ); ?>
</div>
<div class="span2">
Brand:
</div>
<div class="span9">
<?php echo esc_html( get_post_meta( get_the_ID(), 'brand', true ) ); ?>
</div>
<div class="span2">
Product ID:
</div>
<div class="span9">
<?php echo esc_html( get_post_meta( get_the_ID(), 'productid', true ) ); ?>
</div>
<div class="span2">
Description:
</div>
<div class="span9">
<?php the_content();?>
</div>
<div class="span2">
Features:
</div>
<div class="span9">
<?php echo apply_filters('the_content', get_post_meta($post->ID, 'features', true)); ?>
</div>
<div class="span2">
Technical:
</div>
<div class="span9">
<?php echo get_post_meta( $post->ID, 'holds', true ); ?>
</div>
</div>
</div>
</div>
</div>
</div>
<?php endwhile; else: ?>
<?php endif; ?>
</div>
</div>
</div>
<?php get_footer();?>