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>
?>

Arkadaşlar benim problemim devam ediyor. Yardımcı olabilir misiniz? :)

Aslında fonksiyonluk bir şey yok. Aktif olan butonun içindekiler görünsün istiyorum.

Tekrar merhaba. Fonksiyon kullanmam gerekli. Aşağıdaki kodlarla butonlar görünüyor ama listeleme yapamıyorum. Butonlara tıklayınca herhangi bir şey gelmiyor. "if isset" kullandığımda da olmadı.

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

    <div class="row no-gutters">
    
    <?php
    if ($_POST('firsaturunleri')) {
    function indexfirsaturunleri_fonksiyonu() {
    global $conn;
    $veriler = "SELECT indexurunlerfirsat_resim, indexurunlerfirsat_icerik, indexurunlerfirsat_fiyat FROM indexurunlerfirsat";
    $result = $conn->query($veriler);
    foreach ($result as $row) {
    ?>
    
    <div class="col">
    <div class="card">
    <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="price"><?php echo $row['indexurunlerfirsat_fiyat']; ?></p>
    <p><button>Add to Cart</button></p>
    </div>
    </div>
    <?php } indexfirsaturunleri_fonksiyonu(); } } ?>
    
    <!-- ---------- ->
    
    <?php
    if ($_POST('coksatanlar')) {
    function indexcoksatanlar_fonksiyonu() {
    global $conn;
    $veriler = "SELECT indexurunlercoksatanlar_resim, indexurunlercoksatanlar_icerik, indexurunlercoksatanlar_fiyat FROM ndexurunlercoksatanlar";
    $result = $conn->query($veriler);
    foreach ($result as $row) {
    ?>
    
    <div class="col">
    <div class="card">
    <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="price"><?php echo $row['indexurunlercoksatanlar_fiyat']; ?></p>
    <p><button>Add to Cart</button></p>
    </div>
    </div>
    <?php } indexcoksatanlar_fonksiyonu(); } } ?>
    
    <!-- ---------- ->
    
    <?php
    if ($_POST('kampanyaliurunler')) {
    function kampanyaliurunler_fonksiyonu() {
    global $conn;
    $veriler = "SELECT indexurunlerkampanya_resim, indexurunlerkampanya_icerik, indexurunlerkampanya_fiyat FROM indexurunlerkampanya";
    $result = $conn->query($veriler);
    foreach ($result as $row) {
    ?>
    
    <div class="col">
    <div class="card">
    <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="price"><?php echo $row['indexurunlerkampanya_fiyat']; ?></p>
    <p><button>Add to Cart</button></p>
    </div>
    </div>
    <?php } kampanyaliurunler_fonksiyonu(); } } ?>
    
    </div> <!-- row alanı bitişi ->
    </div> <!-- ürünler container alanı bitişi ->
    
?>

Teşekkür ederim Tayfun hocam. Fonksiyon kullanmadan yaptım artık. Eyvallah.

$conn değişkenine fonksiyon içinde erişmen için global olarak kullanman lazım. Yani;

<?php
function indexfirsaturunleri_fonksiyonu() {
    global $conn;
    $veriler = "SELECT indexurunslider_resim, indexurunslider_icerik, indexurunslider_fiyat FROM indexurunsliderfirsat";
    $result = $conn->query($veriler);
    foreach ($result as $row) {
?>

	<div class="panel-body">
	<div class="card">
	<img src="images/indexproductcard/<?php echo $row['indexurunslider_resim']; ?>">
	<h5 class="indexurunslider-icerik-yazisi">
	<?php echo substr($row['indexurunslider_icerik'],0,88); ?>
	</h5>
	<p class="price"><?php echo $row['indexurunslider_fiyat']; ?></p>
	<p><button>Add to Cart</button></p>
	</div> 
	</div>
<?php } } ?>
?>

eğer hatan varsa görmek için şunu index.php'de en üste ekleyebilirsin

error_reporting(E_ALL);
ini_set('display_errors', true);