hace unos días subí al servidor un proyecto web que utiliza de php y noté que justo la sección donde lo utilizo aparece en blanco, al igual que las secciones html que le siguen. Sin embargo cuando abro el archivo en MAMP (mi sistema operativo es Windows) dicha sección si se muestra, al igual que las que le siguen.
No entiendo porqué sucede, creo que puede ser algún signo (sobrante o faltante) en el código. Ya configuré el archivo php.ini para que se muestren los errores pero no me arroja ninguno. Dejo mi código y el cómo se ve la página en línea vs localhost.
Código
<main class="seccion contenedor">
<h2 class="fw-300 centrar-texto">Lo más vendido</h2>
<?php
try {
require_once('bd_conexion.php');
$sql = " SELECT * FROM `lo_mas_vendido` ";
$resultado = $conn->query($sql);
} catch (\Exception $e) {
echo $e->getMessage();
}
?>
<div class="contenedor-anuncios">
<?php while( $lo_mas_vendido = $resultado->fetch_assoc() ) { ?>
<div class="anuncio">
<a class="producto-info" href="#producto<?php echo $lo_mas_vendido['id_producto']; ?>">
<img src="images/Productos/<?php echo $lo_mas_vendido['url_imagen']; ?>" alt="Imagen del producto">
</a><!--Colorbox -->
<div class="contenido-anuncio">
<h3><?php echo $lo_mas_vendido['modelo_producto']; ?></h3>
<ul class="iconos-caracteristicas">
<li>
<img src="images/Iconos/<?php echo $lo_mas_vendido['icono_1']; ?>" width="45rem" alt="Ícono reparación, servicio y refacciones">
</li>
<li>
<img src="images/Iconos/<?php echo $lo_mas_vendido['icono_2']; ?>" width="45rem" alt="Ícono garantía">
</li>
</ul>
<!--div>
<a class="producto-info boton boton-amarillo d-block" href="#producto<//?php echo $lo_mas_vendido['id_producto']; ?>">Ver Producto</a>
</div--> <!--Botón con Colorbox -->
<!--Colorbox -->
<div style="display:none;">
<div class="producto-info" id="producto<?php echo $lo_mas_vendido['id_producto']; ?>">
<img src="images/Productos/<?php echo $lo_mas_vendido['url_imagen']; ?>" alt="Imagen del Producto">
<h2><?php echo $lo_mas_vendido['nombre_producto']; ?></h2>
<p><?php echo $lo_mas_vendido['descripcion_producto']; ?></p>
</div><!-- producto-info -->
</div>
</div> <!--contenido-anuncio-->
</div> <!--anuncio-->
<?php } ?><!--while-->
</div> <!--contenedor-anuncios-->
<div class="ver-todos">
<a href="http://olinko.com/cgi-bin/online/storepro.php" target="_blank" class="boton boton-verde boton-ver-todos">Ver Todos</a>
</div>
</main>
Como se ve el código en mi editor (uso VS Code con el tema Monokai Dimmed). Los colores de los símbolos señalados son diferentes y no entiendo porqué. Pienso que podrían estar marcando un error de sintaxis.
Espero puedan ayudarme. Gracias.