1. <?php get_header(); ?>
  2. <div id="container">
  3.     <div class="row-fluid">
  4.         <div class="span12">
  5.             <?php
  6.                 $wp_querty = new WP_Query( array(
  7.                     'post_type'    => 'product', 'post_status'  => 'publish') ); ?>
  8.                 <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
  9.                     <div class="row-fluid">
  10.                         <div class="span5">
  11.                            
  12.                             <script type="text/javascript">
  13.                                 jQuery(document).ready(function(){
  14.                                     $('#magnify-<?php the_ID(); ?>').magnify();
  15.                                 });
  16.                             </script>
  17.                        
  18.                             <div style="display:none;"><input type="range" value="2" id="range-1" min="1" max="5" step="0.1"><br>
  19.                                 <input type="range" value="180" id="range-2" min="50" max="500" step="10"><br></div><!-- magnification purpose -->
  20.                                 <div class="magnify" id="magnify-<?php the_ID(); ?>">
  21.                                     <div class="magnifying-glass" style="background: url(<?php echo wp_get_attachment_url( get_post_thumbnail_id($post->ID) ); ?>) no-repeat;">
  22.                                         <div class="large">
  23.                                     </div>
  24.                                 </div>
  25.                                 <?php the_post_thumbnail(); ?>
  26.                             </div>
  27.                         </div>
  28.                             <div class="span7">
  29.                                 <div class="row-fluid">
  30.                                     <div class="span12">
  31.                                         <b><?php the_title();?></b><br/>
  32.                                         <div class="span2">
  33.                                             Category:
  34.                                         </div>
  35.                                         <div class="span9">
  36.                                             <?php echo esc_html( get_post_meta( get_the_ID(), 'category', true ) ); ?>
  37.                                         </div>
  38.                                         <div class="span2">
  39.                                             Brand:
  40.                                         </div>
  41.                                         <div class="span9">
  42.                                             <?php echo esc_html( get_post_meta( get_the_ID(), 'brand', true ) ); ?>
  43.                                         </div>
  44.                                         <div class="span2">
  45.                                             Product ID:
  46.                                         </div>
  47.                                         <div class="span9">
  48.                                             <?php echo esc_html( get_post_meta( get_the_ID(), 'productid', true ) ); ?>
  49.                                         </div>
  50.                                         <div class="span2">
  51.                                             Description:
  52.                                         </div>
  53.                                         <div class="span9">
  54.                                             <?php the_content();?>
  55.                                         </div>
  56.                                         <div class="span2">
  57.                                             Features:
  58.                                         </div>
  59.                                         <div class="span9">
  60.                                             <?php echo apply_filters('the_content', get_post_meta($post->ID, 'features', true)); ?>
  61.                                         </div>
  62.                                         <div class="span2">
  63.                                             Technical:
  64.                                         </div>
  65.                                         <div class="span9">
  66.                                             <?php echo get_post_meta( $post->ID, 'holds', true ); ?>
  67.                                        
  68.                                         </div>
  69.                                        
  70.                                     </div>
  71.                                 </div>
  72.                             </div>
  73.                         </div>
  74.                     </div>
  75.                 <?php endwhile; else: ?>
  76.             <?php endif; ?>
  77.         </div>                     
  78.     </div>
  79. </div>
  80. <?php get_footer();?>