Ankara

Türkiye

Çankaya

Default

Footer Links

links

Title

Sub Links

Image List

Link

Image

Cookie 

Cookie Content

Cookie Button Text

Show Cookie Bar

DescriptionPosition

discountPosition

Ikas Logo

Aspect Ratio

Object Fit

Konumunuza özel içerikleri görmek ve online alışveriş yapmak için               başka bir ülkeyi veya bölgeyi seçin.

<div id="custom-nav-bar-container-ikas">
  <style>
    #custom-nav-bar-container-ikas {
      width: 100%;
      display: flex;
      justify-content: center;
      background: #ffffff; /* container arkaplan rengi */
      padding: 10px 0;
    }

    .custom-nav-bar-ikas {
      display: flex;
      gap: 10px;
      flex-wrap: wrap;
      justify-content: center;
      max-width: 1200px;
      width: 100%;
      padding: 0 20px;
    }

    .custom-nav-bar-ikas a {
      text-decoration: none;
      padding: 10px 20px;
      border-radius: 10px;
      background-color: #dbff36; /* buton ana rengi */
      color: #000; /* yazı rengi */
      font-weight: 500;
      transition: all 0.3s ease;
    }

    .custom-nav-bar-ikas a:hover {
      background-color: #84A000; /* hover buton rengi */
      color: #ffffff; /* hover yazı rengi */
    }

    @media (max-width: 768px) {
      .custom-nav-bar-ikas a {
        display: none;
      }
    }
  </style>

  <div class="custom-nav-bar-ikas">
    <a href="/">Anasayfa</a>
    <a href="/tum-urunler">Tüm Ürünler</a>
    <a href="/atlet">Ayakkabılar</a>
    <a href="/boxer">Tişörtler</a>
    <a href="/bluz">Hoodieler</a>
    <a href="/kategori5">Çantalar</a>
    
  </div>
</div>
<div class="arcslider-wrapper">
  <div class="arcslider-container" id="arcslider">
    <div class="arcslider-item">
      <img src="https://picsum.photos/1600/500?random=1" alt="1">
      <div class="arcslider-overlay">Bu birinci banner yazısı</div>
    </div>
    <div class="arcslider-item">
      <img src="https://picsum.photos/1600/500?random=2" alt="2">
      <div class="arcslider-overlay">İkinci görsel için açıklama metni</div>
    </div>
    <div class="arcslider-item">
      <img src="https://picsum.photos/1600/500?random=3" alt="3">
      <div class="arcslider-overlay">Üçüncü görselde son mesaj</div>
    </div>
  </div>
  <div class="arcslider-dots" id="arcslider-dots"></div>
  <button class="arcslider-arrow arcslider-prev">&lt;</button>
  <button class="arcslider-arrow arcslider-next">&gt;</button>
</div>
<style>
.arcslider-wrapper {
  position: relative;
  overflow: hidden;
  max-width: 100%;
}

.arcslider-container {
  display: flex;
  transition: transform 0.5s ease;
  width: 100%;
}

.arcslider-item {
  min-width: 100%;
  height: auto;
  position: relative;
  aspect-ratio: 16 / 5;
}

.arcslider-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  border-radius: 0;
}

/* Overlay alan */
.arcslider-overlay {
  position: absolute;
  bottom: 16px;
  right: 16px;
  background-color: rgba(0, 0, 0, 0.6);
  color: #fff;
  padding: 12px 16px;
  border-radius: 10px;
  font-size: 16px;
  max-width: 60%;
  z-index: 2;
}

/* Mobil uyum */
@media (max-width: 768px) {
  .arcslider-item {
    aspect-ratio: 16 / 5; /* mobilde de aynı */
  }

  .arcslider-overlay {
    font-size: 14px;
    padding: 8px 12px;
    max-width: 80%;
  }
}

/* Dots */
.arcslider-dots {
  position: absolute;
  bottom: 12px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  gap: 8px;
  z-index: 3;
}

.arcslider-dots button {
  width: 10px;
  height: 10px;
  background-color: #ccc;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  opacity: 0.7;
}

.arcslider-dots button.active {
  background-color: #333;
  opacity: 1;
}

/* Oklar */
.arcslider-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: rgba(0,0,0,0.6);
  color: white;
  border: none;
  border-radius: 10px;
  font-size: 24px;
  padding: 8px 12px;
  cursor: pointer;
  z-index: 3;
}

.arcslider-prev {
  left: 12px;
}

.arcslider-next {
  right: 12px;
}
</style>

<script>
let currentSlide = 0;
const slider = document.getElementById("arcslider");
const slides = document.querySelectorAll(".arcslider-item");
const dotsContainer = document.getElementById("arcslider-dots");

function createDots() {
  slides.forEach((_, i) => {
    const dot = document.createElement("button");
    dot.addEventListener("click", () => goToSlide(i));
    dotsContainer.appendChild(dot);
  });
}

function updateDots() {
  const dots = dotsContainer.querySelectorAll("button");
  dots.forEach(dot => dot.classList.remove("active"));
  if (dots[currentSlide]) dots[currentSlide].classList.add("active");
}

function goToSlide(index) {
  currentSlide = (index + slides.length) % slides.length;
  slider.style.transform = `translateX(-${currentSlide * 100}%)`;
  updateDots();
}

function nextSlide() {
  goToSlide(currentSlide + 1);
}

function prevSlide() {
  goToSlide(currentSlide - 1);
}

createDots();
updateDots();

// Otomatik oynatma
let slideInterval = setInterval(nextSlide, 7000);

// Oklar
document.querySelector(".arcslider-next").addEventListener("click", () => {
  nextSlide();
  resetAutoplay();
});
document.querySelector(".arcslider-prev").addEventListener("click", () => {
  prevSlide();
  resetAutoplay();
});

// Swipe desteği
let startX = 0;
slider.addEventListener("touchstart", (e) => {
  startX = e.touches[0].clientX;
});
slider.addEventListener("touchend", (e) => {
  const endX = e.changedTouches[0].clientX;
  if (endX - startX > 50) prevSlide();
  else if (startX - endX > 50) nextSlide();
  resetAutoplay();
});

function resetAutoplay() {
  clearInterval(slideInterval);
  slideInterval = setInterval(nextSlide, 7000);
}
</script>


<div id="unique-video-banner-abc123" class="unique-video-banner-wrapper">
  <div class="unique-video-banner-ratio">
    <video class="unique-video-banner-video" autoplay="" muted="" loop="" playsinline="" preload="auto">
      <source src="https://cdn.myikas.com/videos/7648b0f2-66bb-45ad-a3aa-d3a50ecfa0a4/5042da80-6c86-4e0c-a2fc-7d69e224f7cd/original.mp4" type="video/mp4">
      Tarayıcınız video etiketini desteklemiyor.
    </video>
    <div class="unique-video-banner-overlay">
      <div class="unique-video-banner-text">
        <b><h3>Kombos'ta çığır açılıyor!</h3></b>
        <p>Bize yapılamaz dendi... Biz rahat durmadık. Kombozy v2 sizlerle!</p>
        <a href="/tum-urunler" class="unique-video-banner-button">Hemen İncele</a>
      </div>
    </div>
  </div>
</div>

<style>
  #unique-video-banner-abc123 {
    width: 100%;
    max-width: 100%; /* isteğe bağlı max genişlik */
    margin: 0 auto;
  }
  .unique-video-banner-ratio {
    position: relative;
    width: 100%;
    /* Aspect ratio: 16:9 için padding-bottom %56.25 olur, değiştirmek için aşağıdan örnek al */
    padding-bottom: 56.25%;
    overflow: hidden;
    border-radius: 8px; /* modern köşe yumuşatma */
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
  }
  .unique-video-banner-video {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    object-fit: cover;
  }
 .unique-video-banner-overlay {
  position: absolute;
  bottom: 10%;
  right: 5%;
  background: rgba(0,0,0,0.5);
  padding: 12px 16px;
  border-radius: 10px;
  max-width: 300px;
}

.unique-video-banner-text {
  text-align: center; /* yazıları ortalamak için eklendi */
}

.unique-video-banner-text h3 {
  color: #fff;
  margin: 0 0 4px 0;
  font-size: 1.1rem;
}

.unique-video-banner-text p {
  color: #ddd;
  margin: 0 0 8px 0;
  font-size: 0.95rem;
}

.unique-video-banner-button {
  display: inline-block;
  padding: 8px 12px;
  background: #deff36;
  color: #000;
  text-decoration: none;
  border-radius: 4px;
  font-weight: 600;
  transition: background 0.3s ease;
}

.unique-video-banner-button:hover {
  background: #84A000;
}

</style>

<div id="ikas-custom-category-grid">
  <div class="ikas-category-container">
    <div class="ikas-category-slider">
      <a href="/atlet">
        <div class="ikas-category-image-wrapper">
          <img src="https://fikirturu.com/storage/2025/02/584f0f32-c722-4763-98c4-afea207568dc-696x464.jpeg" alt="Kedi 1">
          <div class="ikas-category-overlay">Kedi 1</div>
        </div>
      </a>
      <a href="/bluz">
        <div class="ikas-category-image-wrapper">
          <img src="https://cdn.royalcanin-weshare-online.io/6yJZPmYBaxEApS7LDwYM/v4/ec13a-when-does-your-kitten-become-a-cat-article-cat" alt="Kedi 2">
          <div class="ikas-category-overlay">Kedi 2</div>
        </div>
      </a>
      <a href="/boxer">
        <div class="ikas-category-image-wrapper">
          <img src="https://www.westvet.com.tr/storage/images/blogs/kedi-nezlesi-tedavisi-3.webp" alt="Kategori 3">
          <div class="ikas-category-overlay">Kedi 3</div>
        </div>
      </a>
      <a href="/ceket">
        <div class="ikas-category-image-wrapper">
          <img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1727173830862/06e6dd1c-8d87-45e4-a1d1-7141cb7b44e4.jpeg" alt="Kategori 4">
          <div class="ikas-category-overlay">Kedi 4</div>
        </div>
      </a>
    </div>
  </div>
</div>

<style>
  #ikas-custom-category-grid {
    width: 100%;
    margin: 0 auto;
    padding: 1rem 0;
  }

  #ikas-custom-category-grid .ikas-category-container {
    overflow: hidden;
  }

  #ikas-custom-category-grid .ikas-category-slider {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.5rem;
  }

  #ikas-custom-category-grid .ikas-category-slider a {
    display: block;
    overflow: hidden;
  }

  #ikas-custom-category-grid .ikas-category-image-wrapper {
    position: relative;
    overflow: hidden;
  }

  #ikas-custom-category-grid .ikas-category-image-wrapper img {
    width: 100%;
    aspect-ratio: 2 / 3;
    object-fit: cover;
    transition: transform 0.3s ease, filter 0.3s ease;
    display: block;
  }

  #ikas-custom-category-grid .ikas-category-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 0.5rem 0;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 1rem;
  }

  #ikas-custom-category-grid .ikas-category-slider a:hover img {
    transform: scale(1.05);
    filter: brightness(0.95);
  }

  /* Tablet */
  @media (max-width: 1024px) {
    #ikas-custom-category-grid .ikas-category-slider {
      grid-template-columns: repeat(2, 1fr);
    }
  }

  /* Mobil - slider görünümü */
  @media (max-width: 768px) {
    #ikas-custom-category-grid .ikas-category-slider {
      display: flex;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
      -webkit-overflow-scrolling: touch;
      gap: 0.5rem;
    }

    #ikas-custom-category-grid .ikas-category-slider a {
      flex: 0 0 auto;
      width: 70%;
      scroll-snap-align: start;
    }
  }
</style>
<br>

<div class="frusc-asym-container">
  <div class="frusc-asym-item item1">
    <a href="#"><img src="https://picsum.photos/800/400" alt="Image 1"></a>
    <a href="#" class="frusc-asym-button">İncele</a>
  </div>
  <div class="frusc-asym-item item2">
    <a href="#"><img src="https://picsum.photos/1600/900" alt="Image 2"></a>
    <a href="#" class="frusc-asym-button">İncele</a>
  </div>
  <div class="frusc-asym-item item3">
    <a href="#"><img src="https://picsum.photos/800/600" alt="Image 3"></a>
    <a href="#" class="frusc-asym-button">İncele</a>
  </div>
  <div class="frusc-asym-item item4">
    <a href="#"><img src="https://picsum.photos/200/300" alt="Image 4"></a>
    <a href="#" class="frusc-asym-button">İncele</a>
  </div>
</div>

<style>
  .frusc-asym-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.625rem;
  }

  .frusc-asym-item {
    position: relative;
    width: 100%;
  }

  .frusc-asym-item::before {
    content: "";
    display: block;
    padding-top: 56.25%; /* 16:9 ratio default */
  }

  .frusc-asym-item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.3s ease, opacity 0.3s ease;
  }

  .frusc-asym-button {
    position: absolute;
    bottom: 10px;
    left: 10px;
    background: rgba(0,0,0,0.6);
    color: #fff;
    padding: 0.4rem 0.8rem;
    text-decoration: none;
    font-size: 0.875rem;
    transition: background 0.3s ease;
  }

  .frusc-asym-item:hover img {
    transform: scale(1.012);
    opacity: 0.85;
  }

  .frusc-asym-button:hover {  
    background: rgba(0,0,0,0.8);
  }

  /* Özel grid yerleşimi */
  .item1::before { padding-top: 45%; } /* 16:9 */
  .item2::before { padding-top: 120%; } /* dikey uzun */
  .item3::before { padding-top: 120%; }
  .item4::before { padding-top: 120%; }

  .item1 { grid-column: span 2; }
  .item2 { grid-row: span 2; }
  .item5 { grid-column: span 2; }

  /* Mobil slider */
  @media (max-width: 767px) {
    .frusc-asym-container {
      display: flex;
      overflow-x: auto;
      scroll-snap-type: x mandatory;
    }
    .frusc-asym-item {
      flex: 0 0 100%;
      scroll-snap-align: center;
    }
    .frusc-asym-item::before {
      padding-top: 56.25%; /* mobile 16:9 */
    }
  }
</style>
<style>
  .ikuni-loading-overlay {
    position: fixed;
    top:0; left:0; right:0; bottom:0;
    background: rgba(255,255,255,0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    color: #333;
    z-index: 10000;
    display: none;
  }

  .ikuni-loading-overlay.show {
    display: flex;
  }

  .ikuni-fab-wrapper {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
    font-family: sans-serif;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }

  .ikuni-fab-button {
    background-color: #333;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: background-color 0.3s ease;
  }

  .ikuni-fab-button:hover {
    background-color: #555;
  }

  .ikuni-fab-icon {
    width: 20px;
    height: 14px;
    position: relative;
  }

  .ikuni-fab-icon span {
    position: absolute;
    height: 2px;
    width: 100%;
    background-color: #fff;
    left: 0;
    transition: 0.3s ease;
  }

  .ikuni-fab-icon span:nth-child(1) {
    top: 0;
  }

  .ikuni-fab-icon span:nth-child(2) {
    top: 6px;
  }

  .ikuni-fab-icon span:nth-child(3) {
    top: 12px;
  }

  .ikuni-fab-wrapper.active .ikuni-fab-icon span:nth-child(1) {
    transform: rotate(45deg);
    top: 6px;
  }

  .ikuni-fab-wrapper.active .ikuni-fab-icon span:nth-child(2) {
    opacity: 0;
  }

  .ikuni-fab-wrapper.active .ikuni-fab-icon span:nth-child(3) {
    transform: rotate(-45deg);
    top: 6px;
  }

  .ikuni-fab-menu {
    margin-bottom: 10px;
    display: none;
    flex-direction: column;
    align-items: flex-end;
    animation: ikuni-slide-up 0.3s ease-out forwards;
  }

  .ikuni-fab-menu a {
    background-color: #fff;
    color: #333;
    padding: 10px 14px;
    margin: 4px 0;
    text-decoration: none;
    border-radius: 6px;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
    transition: background-color 0.2s;
    font-size: 14px;
  }

  .ikuni-fab-menu a:hover {
    background-color: #f2f2f2;
  }

  .ikuni-fab-wrapper.active .ikuni-fab-menu {
    display: flex;
  }

  @keyframes ikuni-slide-up {
    from {
      opacity: 0;
      transform: translateY(20px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
</style>

<div class="ikuni-loading-overlay" id="ikuniLoading">
  Yükleniyor...
</div>

<div class="ikuni-fab-wrapper" id="ikuniFab">
  <div class="ikuni-fab-menu">
    <a href="/tum-urunler" onclick="ikuniShowLoading()">Tüm Ürünler</a>
    <a href="/atlet" onclick="ikuniShowLoading()">Ayakkabılar</a>
    <a href="/boxer" onclick="ikuniShowLoading()">Tişörtler</a>
    <a href="/bluz" onclick="ikuniShowLoading()">Hoodieler</a>
    <a href="/kategori5" onclick="ikuniShowLoading()">Çantalar</a>
    <a href="/" onclick="ikuniShowLoading()">Anasayfa</a>
  </div>
  <div class="ikuni-fab-button" id="ikuniFabButton">
    <div class="ikuni-fab-icon">
      <span></span>
      <span></span>
      <span></span>
    </div>
  </div>
</div>

<script>
(function(){
  var ikuniFab = document.getElementById('ikuniFab');
  var ikuniFabButton = document.getElementById('ikuniFabButton');
  var ikuniLoading = document.getElementById('ikuniLoading');
  var menuLinks = document.querySelectorAll('.ikuni-menu-link');

  if (ikuniFabButton) {
    ikuniFabButton.addEventListener('click', function(){
      ikuniFab.classList.toggle('active');
    });
  }

  function ikuniShowLoading() {
    if (ikuniLoading) {
      ikuniLoading.classList.add('show');
      setTimeout(function(){
        ikuniLoading.classList.remove('show');
      }, 1000);
    }
  }

  for (var i = 0; i < menuLinks.length; i++) {
    menuLinks[i].addEventListener('click', function(){
      ikuniShowLoading();
    });
  }
})();
</script>


İdil

kırmızı

3 Tekerlekli Bebek Bisikleti

925 Ayar Gümüş Ürünler

ADİDAS

Abiye Ayakkabı

Ahşap Oyuncak

Akülü Araç

Alez

Alt Giyim

Alıştırma Bardağı

Alışveriş Seti

Ana Kucağı

Arabada Güvenlik

Askı

Askılık

Astronot Tulum

Ateş Ölçer

Atkı & Bere & Eldiven Set

Atlet

Babet

Bagaj Düzenleyici

Bahçe Oyuncakları

Bakım Yağı

Banyo Askısı

Banyo Düzenleyici

Banyo Oyuncakları

Baston Bebek Arabası

Bebek & Aktivite Oyuncakları

Bebek & Çocuk Battaniyesi

Bebek & Çocuk Bornoz

Bebek & Çocuk Havlu

Bebek & Çocuk Nevresim Takımı

Bebek & Çocuk Uyku Seti

Bebek & Çocuk Yastık ve Kılıfı

Bebek & Çocuk Yatak

Bebek & Çocuk Yatak Örtüsü

Bebek & Çocuk Yorgan

Bebek & Çocuk Çarşafı

Bebek Arabası

Bebek Arabası Aksesuar

Bebek Bakım Seti

Bebek Bakım Çantası

Bebek Bakım Örtüsü

Bebek Banyo Aksesuarı

Bebek Bezi

Bebek Body & Zıbın

Bebek Deterjanı

Bebek Diş Fırçası

Bebek Fırça ve Tarağı

Bebek Güneş Kremi

Bebek Hediyelik

Bebek Islak Mendil

Bebek Kremi ve Yağı

Bebek Küveti

Bebek Pudrası ve Kolonyası

Bebek Salıncağı & Hoppala

Bebek Takımı

Bebek Temizleme Pamuğu

Bebek Çamaşır Yumuşatıcısı

Bebek Şampuanı

Bere

Beslenme Aksesuarı

Beşik

Biberon

Biberon Emzik Temizleyici

Biberon Isıtıcı ve Sterilizatör

Bijuteri Bileklik

Bijuteri Set

Bileklik

Bisiklet

Bluz

Bot & Bootie

Bowling Seti

Boxer

Burun Aspiratörü

Büstiyer

CLUB FLEECE

Can Yelekleri

Ceket

Champion

Cibinlik

Columbia

Cushion

Cüzdan

Deniz Gözlüğü

Deniz Malzemesi

Deniz Şortu

Dezenfektan

Diğer Aksesuarlar

Diğer Bebek Bakım Ürünleri

Diğer Bebek Sağlık Ürünleri

Diğer Figür Oyuncaklar

Diğer Oda Aksesuarları

Diğer Oyun Takımları

Diğer Oyuncaklar

Dişlik ve Çıngırak

Dolap İçi Düzenleyici

Duvar Dekorasyon Ürünü

Dönence ve Projektör

Elbise

Eldiven

Discount Rate

<p>Während deines Besuchs werden deine persönlichen Daten mithilfe von Cookies verarbeitet, um deine Nutzung der Website zu analysieren, Werbung zu personalisieren und Social-Media-Funktionen bereitzustellen. Für weitere Informationen kannst du unsere Cookie-Richtlinien lesen.</p>

Wähle ein anderes Land oder eine andere Region, um standortspezifische Inhalte zu sehen.

kostenloser Versand ab einem Bestellwert von 100€

<p>During your visit, your personal data is processed through cookies to analyze your use of the site, personalize advertisements and provide social media features. For more information, you can read our Cookie-Policy.</p>

Select another country or region to see location-specific content.

Free shipping for purchases of 100€ and over

<p>Ziyaretiniz sırasında kişisel verileriniz siteyi kullanımınızı analiz etmek, reklamları kişiselleştirmek ve sosyal medya özellikleri sağlamak amacıyla çerezler aracılığıyla işlenmektedir. Daha fazla bilgi için <strong>Çerez Aydınlat Metni’ni</strong> okuyabilirsiniz.</p>

Kombos'ta çığır açılıyor!

İdil

Kategoriler

İletişim Bilgileri

Yardım