İstanbul

Türkiye

Fatih

Default

Kayan Yazı

Yazı

Sosyal Medya Hesapları

Facebook

Instagram

Twitter

LinkedIn

Pinterest

YouTube

TikTok

Features

Feature

Resim

Başlık

Altbaşlık

Yönlendirme

Açıklama

Tabbed Features

Tab Label

Image

Is List Type Dot ?

Soru - Cevap

Soru

Cevap

Swiper Slide

Slides

Button

Yazı Rengi

Buton Yazı Rengi

Buton Arkaplan Rengi

Content Position

Mobile Image

Button Hover Arkaplan Rengi

Button Hover Yazı Rengi

Tablet Image

Video

Subtutle

Background Image Link

Mobile Content Position

Text Align

Desktop Image Size

Mobile Image Size

Social Media Posts

Post

Link

Aspect Ratio

Promo Texts

Text

Brands

Brand

Background Gradient

First Color

Second Color

test

item1

item2

AspectRatio

Description Position

Image Object Fit

Testimonials

Testimonial

Rating

Quote

Writer

Logo Position

Horizontal Align

Banner List

Banner

Title

Text Color

Button Background Color

Button Text Color

Grid Layout

Image Gallery

Gallery Item

Heading

TextAlign

Image Size

Cart Page Info Items

Cart Page Info Item

Button & Links

Button & Link

Background Color

Border Color

Hover Text Color

Hover Background Color

Open Link New Tab

Desktop Button Width

Mobile Button Width

Border Radius

Hover Border Color

nofollow

noreferrer

noopener

FixedAddToBasketButtonPosition

Etiket - Görsel Listesi

Etiket- Görsel

Etiket

Görsel

Görsel Yüksekliği

Mobil Görsel Yükseliği

Görsel Genişliği

Mobil Görsel Genişliği

Görsel Pozisyonu

Görselin Köşelere Uzaklığı

Ruko Mayo toptan sipariş sayfası ile bayi alımlarınızı kolayca oluşturun. Güncel ürünleri inceleyin, toplu adetlerle sipariş verin, hızlı süreç ve güvenli ödeme seçeneklerinden yararlanın.

Bayi Siparişi | Toptan Sipariş | Ruko Mayo

Alışveriş deneyiminizi iyileştirmek için yasal düzenlemelere uygun çerezler (cookies) kullanıyoruz. Detaylı bilgiye Gizlilik ve Çerez Politikası sayfamızdan erişebilirsiniz.

Özel fiyatları ve içerikleri görüntüleyebilmek için Türkçe ile devam edin.

Fırsatlar ve duyurularımız hakkında bilgi sahibi olmak için kaydolun!

Abone Ol

<div class="ruko-b2b-wrap" id="ruko-b2b">
  <style>
    .ruko-b2b-wrap{font-family:inherit;max-width:100%}
    .ruko-b2b-wrap *,.ruko-b2b-wrap *::before,.ruko-b2b-wrap *::after{box-sizing:border-box}
    .ruko-b2b-wrap img{max-width:100%;height:auto}

    .ruko-b2b-grid{display:grid;gap:18px;align-items:start}
    @media(min-width:992px){.ruko-b2b-grid{grid-template-columns:1.2fr .8fr}}

    .ruko-card{background:#fff;border:1px solid rgba(17,24,39,.10);border-radius:18px;box-shadow:0 10px 30px rgba(17,24,39,.06)}
    .ruko-card-hd{padding:16px 16px 0}
    .ruko-card-bd{padding:16px}

    .ruko-title{margin:0;font-size:18px;font-weight:800;color:#0f172a}
    .ruko-row{display:grid;gap:10px}
    @media(min-width:560px){.ruko-row.two{grid-template-columns:1fr 1fr}}

    .ruko-field label{display:block;font-size:12px;font-weight:700;color:#334155;margin:0 0 6px}
    .ruko-field input,.ruko-field textarea{
      width:100%;border:1px solid rgba(148,163,184,.7);border-radius:12px;
      padding:11px 12px;font-size:14px;outline:none;background:#fff;font-family:inherit;
    }
    .ruko-field input:focus,.ruko-field textarea:focus{border-color:#314352;box-shadow:0 0 0 3px rgba(49,67,82,.12)}
    .ruko-field textarea{min-height:92px;resize:vertical}

    .ruko-divider{height:1px;background:rgba(148,163,184,.35);margin:14px 0}

    .ruko-pill{
      display:inline-flex;gap:8px;align-items:center;border:1px solid rgba(148,163,184,.5);
      background:#f8fafc;border-radius:999px;padding:8px 10px;font-size:12px;color:#0f172a;
      white-space:nowrap;max-width:100%;
    }
    .ruko-pill a{color:inherit;text-decoration:none}
    .ruko-pill a:hover{text-decoration:underline}

    .ruko-btn{
      appearance:none;border:0;border-radius:14px;padding:12px 14px;font-weight:800;
      cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:inherit
    }
    .ruko-btn-primary{background:#314352;color:#fff}
    .ruko-btn-primary:hover{filter:brightness(.95)}
    .ruko-btn-ghost{background:#f1f5f9;color:#0f172a;border:1px solid rgba(148,163,184,.5)}
    .ruko-btn-ghost:hover{background:#e2e8f0}

    .ruko-actions{display:flex;gap:10px;flex-wrap:wrap}
    .ruko-err{display:none;margin-top:10px;background:#fff1f2;border:1px solid rgba(244,63,94,.25);color:#9f1239;padding:10px 12px;border-radius:12px;font-size:12px}

    /* Filtre üst alan */
    .ruko-prod-top{display:grid;gap:10px;align-items:end}
    @media(min-width:560px){
      .ruko-prod-top{
        grid-template-columns:1fr 1fr;
        grid-template-areas:
          "search cat"
          "status status";
      }
      #b2b_search_wrap{grid-area:search}
      #b2b_cat_wrap{grid-area:cat}
      #b2b_status{grid-area:status;justify-self:end}
    }
    .ruko-prod-top .ruko-field{min-width:0}

    /* Dropdown (kategori) — 14px sabit */
    .ruko-dd{position:relative;font-family:inherit !important}
    .ruko-dd *{font-family:inherit !important}
    .ruko-dd-btn{
      width:100%;display:flex;justify-content:space-between;align-items:center;
      border:1px solid rgba(148,163,184,.7);border-radius:12px;padding:11px 12px;background:#fff;
      font-size:14px;font-weight:700;color:#0f172a;cursor:pointer
    }
    .ruko-dd-btn span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
    .ruko-dd-btn:focus{outline:none;border-color:#314352;box-shadow:0 0 0 3px rgba(49,67,82,.12)}

    .ruko-dd-menu{
      position:absolute;z-index:9999;top:calc(100% + 6px);left:0;right:0;
      background:#fff;border:1px solid rgba(148,163,184,.5);border-radius:14px;
      box-shadow:0 18px 40px rgba(15,23,42,.12);
      max-height:320px;overflow:auto;display:none;padding:10px
    }
    .ruko-dd.open .ruko-dd-menu{display:block}

    .ruko-dd-item{
      display:flex;align-items:center;gap:10px;width:100%;
      text-align:left;border:0;background:transparent;cursor:pointer;
      padding:10px 10px;border-radius:10px;font-weight:700;color:#0f172a;font-size:14px
    }
    .ruko-dd-item:hover{background:#f1f5f9}
    .ruko-dd-item .box{
      width:18px;height:18px;border-radius:6px;border:1px solid rgba(148,163,184,.8);
      display:inline-flex;align-items:center;justify-content:center;font-size:12px;line-height:1
    }
    .ruko-dd-item.is-on{background:#f8fafc}

    .ruko-dd-footer{
      display:flex;gap:8px;position:sticky;bottom:0;background:#fff;
      padding-top:10px;margin-top:10px;border-top:1px solid rgba(148,163,184,.35)
    }
    .ruko-dd-footer .ruko-btn{
      padding:10px 12px;border-radius:12px;font-weight:800;font-size:14px
    }

    /* Ürün listesi */
    .ruko-prod-list{display:grid;grid-template-columns:1fr;gap:10px;margin-top:12px;max-height:320px;overflow:auto;padding-right:4px}
    @media(min-width:560px){.ruko-prod-list{grid-template-columns:1fr 1fr}}
    .ruko-prod{display:flex;gap:10px;border:1px solid rgba(148,163,184,.45);border-radius:14px;padding:10px;background:#fff;min-width:0}
    .ruko-prod img{width:56px;height:56px;object-fit:cover;border-radius:12px;border:1px solid rgba(148,163,184,.35);flex:0 0 auto}
    .ruko-prod h4{margin:0;font-size:13px;font-weight:800;color:#0f172a;line-height:1.25}
    .ruko-prod a{color:#334155;text-decoration:none}
    .ruko-prod a:hover{text-decoration:underline}
    .ruko-prod .grow{flex:1;min-width:0}
    .ruko-prod .add{white-space:nowrap;padding:10px 12px;border-radius:12px;font-weight:800;flex:0 0 auto}
    .ruko-prod .add.is-disabled{opacity:.55;cursor:not-allowed}
    .ruko-small{font-size:12px;color:#64748b}

    .ruko-more-wrap{display:flex;justify-content:center;margin-top:10px}
    .ruko-more{padding:10px 12px;border-radius:12px}

    /* Sepet (seçilen ürünler) — görsel + link */
    .ruko-cart{display:flex;flex-direction:column;gap:10px}
    .ruko-cart-item{
      display:grid;grid-template-columns:52px 1fr auto auto;gap:8px;align-items:center;
      border:1px solid rgba(148,163,184,.45);border-radius:14px;padding:10px;background:#fff;min-width:0
    }
    .ruko-cart-thumb{
      width:52px;height:52px;object-fit:cover;border-radius:12px;
      border:1px solid rgba(148,163,184,.35);background:#fff;flex:0 0 auto
    }
    .ruko-cart-item .nm{font-weight:800;color:#0f172a;font-size:13px;line-height:1.2}
    .ruko-cart-item .nm a{color:#0f172a;text-decoration:none}
    .ruko-cart-item .nm a:hover{text-decoration:underline}

    .ruko-qty{display:flex;align-items:center;gap:6px}
    .ruko-qty button{width:34px;height:34px;border-radius:10px;border:1px solid rgba(148,163,184,.6);background:#f8fafc;font-weight:900;cursor:pointer}
    .ruko-qty input{width:56px;text-align:center;border:1px solid rgba(148,163,184,.6);border-radius:10px;padding:8px 6px;font-family:inherit}
    .ruko-x{border:1px solid rgba(148,163,184,.6);background:#fff;border-radius:10px;padding:8px 10px;cursor:pointer;font-family:inherit}

    /* Mobil */
    @media(max-width:559px){
      .ruko-card-bd{padding:14px}
      .ruko-pill{white-space:normal}
      #b2b_status{justify-self:start;width:max-content;max-width:100%}

      .ruko-dd-footer{flex-direction:column}
      .ruko-dd-footer .ruko-btn{width:100%}

      .ruko-actions .ruko-btn{width:100%}
      .ruko-prod{align-items:flex-start}
      .ruko-prod .add{padding:10px 10px}

      .ruko-cart-item{grid-template-columns:56px 1fr;align-items:start}
      .ruko-cart-thumb{width:56px;height:56px}
      .ruko-qty{grid-column:1 / -1}
      .ruko-x{grid-column:1 / -1;width:100%}
    }
  </style>

  <div class="ruko-b2b-grid">
    
    <div class="ruko-card">
      <div class="ruko-card-hd">
        <h2 class="ruko-title">Bayi Sipariş / Teklif Talebi</h2>
      </div>

      <div class="ruko-card-bd">
        <div class="ruko-row two">
          <div class="ruko-field">
            <label>Ad Soyad</label>
            <input id="b2b_name" type="text" placeholder="Örn. Ayşe Yılmaz" autocomplete="name">
          </div>
          <div class="ruko-field">
            <label>Firma Ünvanı</label>
            <input id="b2b_company" type="text" placeholder="Örn. ABC Tekstil" autocomplete="organization">
          </div>
        </div>

        <div class="ruko-row two" style="margin-top:10px">
          <div class="ruko-field">
            <label>Telefon</label>
            <input id="b2b_phone" type="tel" placeholder="05xx xxx xx xx" autocomplete="tel">
          </div>
          <div class="ruko-field">
            <label>E-posta</label>
            <input id="b2b_email" type="email" placeholder="mail@firma.com" autocomplete="email">
          </div>
        </div>

        <div class="ruko-divider"></div>

        <div class="ruko-prod-top">
          <div class="ruko-field" id="b2b_search_wrap">
            <label>Ürün Ara</label>
            <input id="b2b_search" type="text" placeholder="Ürün ismi yazın…">
          </div>

          <div class="ruko-field" id="b2b_cat_wrap">
            <label>Kategori</label>
            <div class="ruko-dd" id="b2b_dd">
              <button type="button" class="ruko-dd-btn" id="b2b_dd_btn">
                <span id="b2b_dd_txt">Tümü</span>
                <span aria-hidden="true">▾</span>
              </button>

              
              <div class="ruko-dd-menu" id="b2b_dd_menu"></div>
            </div>
          </div>

          <span class="ruko-pill" id="b2b_status">Yükleniyor…</span>
        </div>

        
        <div class="ruko-prod-list" id="b2b_products"></div>

        <div class="ruko-more-wrap">
          <button class="ruko-btn ruko-btn-ghost ruko-more" id="b2b_more" style="display:none" type="button">Daha fazla göster</button>
        </div>

        <div class="ruko-divider"></div>

        <h3 class="ruko-title" style="font-size:16px">Seçilen Ürünler</h3>
        <div class="ruko-cart" id="b2b_cart" style="margin-top:10px"></div>
        <div class="ruko-small" id="b2b_cart_empty" style="margin-top:8px">Henüz ürün seçilmedi.</div>

        <div class="ruko-field" style="margin-top:12px">
          <label>Not</label>
          <textarea id="b2b_note" placeholder="Renk/beden, teslim tarihi, özel istek vb."></textarea>
        </div>

        <div class="ruko-err" id="b2b_err" style="display:none"></div>

        <div class="ruko-actions" style="margin-top:12px">
          <button class="ruko-btn ruko-btn-primary" id="b2b_send_wa" type="button">WhatsApp’tan Gönder</button>
          <button class="ruko-btn ruko-btn-ghost" id="b2b_send_mail" type="button">E-Posta ile Gönder</button>
        </div>
      </div>
    </div>

    
    <div class="ruko-card">
      <div class="ruko-card-hd">
        <h2 class="ruko-title">İletişim</h2>
      </div>
      <div class="ruko-card-bd">
        <div class="ruko-row" style="gap:12px">
          <div class="ruko-pill">📞 Telefon: <strong style="margin-left:6px"><a href="tel:+905321516397">0532 151 63 97</a></strong></div>
          <div class="ruko-pill">✉️ E-posta: <strong style="margin-left:6px"><a href="mailto:info@rukomayo.com">info@rukomayo.com</a></strong></div>
          <div class="ruko-pill">📍 Adres: <strong style="margin-left:6px"><a href="https://www.google.com/maps/search/?api=1&amp;query=SURUR%C4%B0%20MAHALLES%C4%B0%20TARAK%C3%87I%20CAFER%20SOKAK%20NO%3A24%2FH%20YE%C5%9E%C4%B0LD%C4%B0REK%2F%C4%B0STANBUL" target="_blank" rel="noopener">SURURİ MAH. TARAKÇI CAFER SK. NO:24/H YEŞİLDİREK/İSTANBUL</a></strong></div>
          <div class="ruko-pill">🕒 Çalışma: <strong style="margin-left:6px">Hafta içi 09:00–18:00</strong></div>
        </div>
      </div>
    </div>
  </div>
</div>

Wir verwenden Cookies in Übereinstimmung mit den gesetzlichen Bestimmungen, um Ihr Einkaufserlebnis zu verbessern. Ausführliche Informationen finden Sie auf unserer Seite Datenschutz und Cookie-Richtlinien.

Um standortspezifische Preise und Inhalte zu sehen, wechsele zum Shop für dein Land.