Tema: Como optimizar página de tienda
Ver Mensaje Individual
  #2 (permalink)  
Antiguo 30/03/2017, 13:05
Avatar de Middrel
Middrel
 
Fecha de Ingreso: abril-2005
Mensajes: 835
Antigüedad: 19 años
Puntos: 27
Respuesta: Como optimizar página de tienda
Este es mi html para mostrar las revistas (lo puse aparte porque no me dejo el post principal pegar más de 10000 caracteres xDD):

Código HTML: 
Ver original
  1. <table id="datatable" class="hover">
  2.         <thead>
  3.             <tr>
  4.                 <th align="left">ORDENAR POR TÍTULO</th>
  5.             </tr>
  6.         </thead>
  7.         <tbody>
  8.     <?php 
  9.         require("bd/querys/query-search-language.php"); 
  10.         
  11.         while($rowSelectRevistasxIdioma = mysqli_fetch_assoc($sqlSelectRevistasxIdioma)){
  12.     ?>
  13.     <tr>
  14.     <td width="80%" style="border-bottom:1px solid #ccc;">
  15.         <?php 
  16.             // Selección de ícono para el tipo de venta
  17.             if($rowSelectRevistasxIdioma['rev_tipo_venta'] == 'impreso' or $rowSelectRevistasxIdioma['rev_tipo_venta'] == ''){
  18.                 $icon = 'icon-book-open';
  19.                 $grupo = $rowSelectRevistasxIdioma['rev_grupo'];
  20.                 
  21.                 if($grupo == 'Mexico'){ $costo = $rowSelectRevistasxIdioma['rev_costo']; }
  22.                 elseif($grupo == 'Houston'){ $costo = $rowSelectRevistasxIdioma['rev_costo'] * $Usd; }
  23.                 elseif($grupo == 'Paris' or $grupo == 'Madrid' or $grupo == 'Europa'){ $costo = $rowSelectRevistasxIdioma['rev_costo'] * $Eur; }
  24.                 
  25.             } elseif($rowSelectRevistasxIdioma['rev_tipo_venta'] == 'digital'){
  26.                 $icon = 'icon-cd';
  27.                 
  28.                 if($grupo == 'Mexico'){ $costo = $rowSelectRevistasxIdioma['rev_costo_digital']; }
  29.                 elseif($grupo == 'Houston'){ $costo = $rowSelectRevistasxIdioma['rev_costo_digital'] * $Usd; }
  30.                 elseif($grupo == 'Paris' or $grupo == 'Madrid' or $grupo == 'Europa'){ $costo = $rowSelectRevistasxIdioma['rev_costo_digital'] * $Eur; }                
  31.                         
  32.             } elseif($rowSelectRevistasxIdioma['rev_tipo_venta'] == 'online'){
  33.                 $icon = 'icon-globe';
  34.  
  35.                 if($grupo == 'Mexico'){ $costo = $rowSelectRevistasxIdioma['rev_costo_online']; }
  36.                 elseif($grupo == 'Houston'){ $costo = $rowSelectRevistasxIdioma['rev_costo_online'] * $Usd; }
  37.                 elseif($grupo == 'Paris' or $grupo == 'Madrid' or $grupo == 'Europa'){ $costo = $rowSelectRevistasxIdioma['rev_costo_online'] * $Eur; }                             
  38.  
  39.             } else{
  40.                 $icon = 'icon-cubes';
  41.                 
  42.                 if($grupo == 'Mexico'){ $costo = $rowSelectRevistasxIdioma['rev_costo_paquete']; }
  43.                 elseif($grupo == 'Houston'){ $costo = $rowSelectRevistasxIdioma['rev_costo_paquete'] * $Usd; }
  44.                 elseif($grupo == 'Paris' or $grupo == 'Madrid' or $grupo == 'Europa'){ $costo = $rowSelectRevistasxIdioma['rev_costo_paquete'] * $Eur; }                                                
  45.             }
  46.         ?>
  47.     <div class="product-description" data-name="<?php echo $rowSelectRevistasxIdioma['rev_titulo']; ?>" data-price="<?php echo $costo; ?>">    
  48.     <div class="article">
  49.         <div class="article-left">
  50.             <ul class="caption-style-1">   
  51.                 <li>
  52.                     <?php if(empty($rowSelectRevistasxIdioma['rev_imagen']) or strlen($rowSelectRevistasxIdioma['rev_imagen']) < 4 or strlen($rowSelectRevistasxIdioma['rev_imagen']) >= 30){ ?>
  53.                     <div class="border-fail"><div class="img-fail"><p class="label-img-fail">Imagen por <br />actualizar</p></div></div>
  54.                     <?php } else { ?>
  55.                     <a href="revista.php?key="><img src="img/imagenes/revistas actualizadas/<?php echo $rowSelectRevistasxIdioma['rev_imagen']; ?>" alt="" class="adaptive-img-product" /></a>
  56.                     <?php } ?>
  57.                     <div class="caption">
  58.                         <div class="blur"></div>
  59.                         <div class="caption-text">
  60.                             <a href="revista.php?key=<?php echo $rowSelectRevistasxIdioma['id_revista']; ?>" style="color:#fff"><span class="icon icon-eye"></span></a>
  61.                         </div>
  62.                     </div>
  63.                 </li>                
  64.             </ul>        
  65.         </div>
  66.         <div class="article-right">
  67.             <div class="article-right-left">
  68.                 <a href="revista.php?key=<?php echo $rowSelectRevistasxIdioma['id_revista']; ?>" class="links-paginas">
  69.                     <h1 style="color:#005ca9;" class="product-name">
  70.                         <?php echo $rowSelectRevistasxIdioma['rev_titulo']; ?> 
  71.                     </h1>
  72.                     <h1 style="color:#005ca9;" class="product-name">
  73.                         <span class="<?php echo $icon; ?>"><?php echo $rowSelectRevistasxIdioma['rev_tipo_venta']; ?></span>
  74.                     </h1>
  75.                 </a>
  76.                 <div class="line-under-title"></div>
  77.                 <a href="<?php echo $_SERVER['REQUEST_URI'] . '&editorial=' . $rowSelectRevistasxIdioma['rev_editorial']; ?>" class="link-article">
  78.                     <span class="icon-article icon-bookmark-empty"><?php echo $rowSelectRevistasxIdioma['edit_editorial']; ?></span>
  79.                 </a>
  80.                 <a href="" class="link-article"><span class="icon-article icon-flag-empty"><?php echo $rowSelectRevistasxIdioma['rev_idioma']; ?></span></a>
  81.                 <a href="<?php echo $_SERVER['REQUEST_URI'] . '&tema=' . $rowSelectRevistasxIdioma['rev_tema']; ?>" class="link-article">
  82.                     <span class="icon-article icon-tag" style="color:#2a2a2a"><?php echo $rowSelectRevistasxIdioma['tem_tema']; ?></span>
  83.                 </a>                
  84.                 <div class="text-descript">
  85.                     <?php 
  86.                         
  87.                         $longitud_texto = strlen($rowSelectRevistasxIdioma['rev_idioma_original']);
  88.                         
  89.                         if($rowSelectRevistasxIdioma['rev_idioma_original'] == 'Descripción en idioma original' or $rowSelectRevistasxIdioma['rev_idioma_original'] == ''){
  90.                             
  91.                             $descripcion = 'Información por actualizar.';
  92.                         } else {
  93.                             
  94.                             $descripcion = $rowSelectRevistasxIdioma['rev_idioma_original'];
  95.                         }
  96.                         
  97.                         if($longitud_texto < 280){
  98.                         
  99.                             echo substr($descripcion, 0, 280); 
  100.                         } else {
  101.                             echo substr($descripcion, 0, 280) . '...'; 
  102.                         }
  103.                     ?>
  104.                 </div>
  105.             </div>
  106.         </div>
  107.     </div>
  108.     <div class="article-right-right">
  109.         <div class="price"><?php echo 'Costo por Suscripción <p class="product-price"> $' . number_format($costo, 2, '.', ',') . '</p>'; ?></div>                        
  110.             <span class="icon-calendar"></span>
  111.                 <?php 
  112.                     if($rowSelectRevistasxIdioma['rev_ejemplares_online'] == 0){
  113.                         
  114.                         $ejemplares = $rowSelectRevistasxIdioma['rev_ejemplares_ano'];
  115.                     } else {
  116.                         $ejemplares = $rowSelectRevistasxIdioma['rev_ejemplares_ano_online'];
  117.                     }
  118.                         
  119.                     if($rowSelectRevistasxIdioma['rev_tipo_venta'] == 'online'){
  120.                         echo $ejemplares . ' ejemplares al año.'; 
  121.  
  122.                     } else {
  123.                         echo $rowSelectRevistasxIdioma['rev_ejemplares_ano'] . ' ejemplares al año.';                           
  124.                     }
  125.                 ?>
  126.         </div> 
  127.         <div style="height:15px; width:30%; float:left;"></div>
  128.             <form class="add-to-cart" action="carrito.php" method="post">
  129.                 <label for="qty-1"></label>
  130.                 <input type="number" name="qty-1" id="qty-1" class="qty qty-store" value="1" />
  131.                 <div style="height:15px; width:30%; float:left;"></div>                
  132.                 <input type="submit" value="Agregar al carrito" class="btn btn-store" />
  133.             </form> 
  134.     </div>        
  135.     </td>
  136.     </tr>
  137.     <?php } ?>    
  138.     </tbody>
  139.     </table>