Arkadaşlar şu şekilde hallettim sonunda. Herkese teşekkür ederim.

<?php
    <div class="indexurunler-container-alani">
    <form action="" method="POST">
    <input type="submit" class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-xs-1 index-firsat-urunleri-buton" onclick="firsat()" name="firsaturunleri" value="Fırsat Ürünleri">
    <input type="submit" class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-xs-1 index-cok-satanlar-buton" onclick="cok()" name="coksatanlar" value="Çok Satılanlar">
    <input type="submit" class="col-xl-4 col-lg-4 col-md-4 col-sm-4 col-xs-1 index-kampanyali-urunler-buton" onclick="kampanya()" name="kampanyaliurunler" value="Kampanyalı Ürünler">
    </form>

    <div class="row no-gutters">	
    
    <?php if(isset($_POST['coksatanlar'])) { ?>
    
    <div id="cokbolumu" class="tumbolumlerdiv">
    <?php
    $veriler = "SELECT indexurunlercoksatanlar_resim, indexurunlercoksatanlar_icerik, indexurunlercoksatanlar_fiyat FROM indexurunlercoksatanlar";
    $result = $conn->query($veriler);
    foreach ($result as $row) {
    ?>
    <div class="urunkarti">
    <img src="images/indexproductcard/<?php echo $row['indexurunlercoksatanlar_resim']; ?>">
    <h5 class="indexurunler-icerik-yazisi">
    <?php echo substr($row['indexurunlercoksatanlar_icerik'],0,88); ?>
    </h5>
    <p class="fiyat"><?php echo $row['indexurunlercoksatanlar_fiyat']; ?></p>
    <p><button>Add to Cart</button></p>
    </div>
    <?php } ?>
    </div>
    
    <?php } elseif (isset($_POST['kampanyaliurunler'])) { ?>
    
    <div id="kampanyabolumu" class="tumbolumlerdiv">
    <?php
    $veriler = "SELECT indexurunlerkampanya_resim, indexurunlerkampanya_icerik, indexurunlerkampanya_fiyat FROM indexurunlerkampanya";
    $result = $conn->query($veriler);
    foreach ($result as $row) {
    ?>
    <div class="urunkarti">
    <img src="images/indexproductcard/<?php echo $row['indexurunlerkampanya_resim']; ?>">
    <h5 class="indexurunler-icerik-yazisi">
    <?php echo substr($row['indexurunlerkampanya_icerik'],0,88); ?>
    </h5>
    <p class="fiyat"><?php echo $row['indexurunlerkampanya_fiyat']; ?></p>
    <p><button>Add to Cart</button></p>
    </div>
    <?php } ?>
    </div>
    
    <?php } else { ?>
    
    <div id="firsatbolumu" class="tumbolumlerdiv">
    <?php
    $veriler = "SELECT indexurunlerfirsat_resim, indexurunlerfirsat_icerik, indexurunlerfirsat_fiyat FROM indexurunlerfirsat";
    $result = $conn->query($veriler);
    foreach ($result as $row) {
    ?>
    <div class="urunkarti">
    <img src="images/indexproductcard/<?php echo $row['indexurunlerfirsat_resim']; ?>">
    <h5 class="indexurunler-icerik-yazisi">
    <?php echo substr($row['indexurunlerfirsat_icerik'],0,88); ?>
    </h5>
    <p class="fiyat"><?php echo $row['indexurunlerfirsat_fiyat']; ?></p>
    <p><button>Add to Cart</button></p>
    </div>
    <?php } ?>
    </div>
    
    <?php } ?>
    
    </div>
    </div>
    
    <script type="text/javascript">
    function firsat {
    document.getElementById("#firsatbolumu").style.display = "block";
    document.getElementById("#cokbolumu").style.display = "none";
    document.getElementById("#kampanyabolumu").style.display = "none";
    }
    
    function cok {
    document.getElementById("#cokbolumu").style.display = "block";
    document.getElementById("#firsatbolumu").style.display = "none";
    document.getElementById("#kampanyabolumu").style.display = "none";
    }		
    
    function kampanya {
    document.getElementById("#kampanyabolumu").style.display = "block";
    document.getElementById("#firsatbolumu").style.display = "none";
    document.getElementById("#cokbolumu").style.display = "none";
    }
    </script>
?>