RESOLU Problème d'affichage avec la boutique

Bonjour, j'ai créer un thème et depuis, j'ai un soucis avec ma boutique.
Je m'explique:

Quand on arrive sur monsite.fr/?page=boutique toute la liste d'article est voyante alors qu'on à pas cliquer sur le menu !

Voici un screen



Voici mon code:

<div class="shop">
<ul class="nav nav-pills" role="tablist">
<?php
$j = 0;
while($j < count($categories))
{
$categories[$j]['titre'] = str_replace(' ', '_', $categories[$j]['titre']);
?>

<li>
<a href="#categorie-<?php echo $categories[$j]['titre']; ?>" data-toggle="tab"><?php $categories[$j]['titre'] = str_replace('_', ' ', $categories[$j]['titre']); ?><?php echo $categories[$j]['titre']; ?></a>
</li>


<?php
$j++; }
?>
</ul>
<div class="panel-body">
<div class="tab-content">
<?php
$j = 0;
while($j < count($categories))
{
$categories[$j]['titre'] = str_replace(' ', '_', $categories[$j]['titre']);
?>

<div id="categorie-<?php echo $categories[$j]['titre']; ?>" role="tabpanel" class="tab-pane fade in active">
<?php $categories[$j]['titre'] = str_replace('_', ' ', $categories[$j]['titre']); ?>

<div class="row">
<?php
for($i = 1; $i <= count($offresTableau); $i++)
{
if($offresTableau[$i]['categorie'] == $categories[$j]['id'])
{
echo '
<div class="col-md-4 col-lg-3">
<div class="panel panel-default">
<div class="panel-heading">'. $offresTableau[$i]['nom'] .'</div>
<div class="panel-body">
<img src="Merci de vous Connecter/S'inscrire pour voir les liens." class="img-responsive img-thumbnail center-block">
</div>

<div class="panel-footer">
<span class="price">' .$offresTableau[$i]['prix']. '</span>
<a href="?&page=boutique&offre=' .$offresTableau[$i]['id']. '" class="btn btn-sm btn-warning btn-block text-uppercase">Acheter</a>
</div>
</div>
</div>

';

}

}

?>
</div>
</div>
<?php
$j++; }
?>
</div>
</div>


merci de votre aide !