Vertex Tema Ayarları Referansı
Shopify tema düzenleyicisindeki Theme Settings altındaki her seçenek açıklanmıştır. Erişmek için: tema düzenleyicisini açın ve Theme settings etiketli dişli simgesine (sol alt) tıklayın.
Vertex'in ayarları 7 panele gruplanmıştır:
Tipografi
| Ayar | Ne yapar | Varsayılan |
|---|---|---|
| Başlık fontu | Her sayfada <h1>–<h6> ve pazarlama bölümü başlıkları için kullanılan font. | Poppins Bold |
| Gövde fontu | Gövde metni, gezinme, düğmeler, form alanları ve fiyatlar için kullanılan font. | Poppins Regular |
En iyi uygulama
Vertex, her iki fontu da ilk paint öncesinde hazır olacak şekilde önceden yükler. En hızlı LCP için her ikisinde de tek bir font (farklı ağırlıklarla) kullanın.
Renkler
Başlangıç renk paleti
Mağazanın tamamını tek tıkla yeniden renklendiren tek bir açılır menü.
| Seçenek | Sektör | Vurgu rengi |
|---|---|---|
| Custom | Herhangi biri | Aşağıdaki bireysel renk seçicileri kullanın |
| Vertex amber | Endüstriyel / MRO tedarik (varsayılan) | #fbbf24 |
| Throttle red | Otomotiv parçaları | #ec5f24 |
| OfficeIT blue | Ofis ve BT tedarik | #3b82f6 |
| Inkline teal | Baskı ve repro | #0d9488 |
Özel palet (yalnızca başlangıç paleti = Custom olduğunda kullanılır)
| Ayar | Amaç | Varsayılan (Vertex amber) |
|---|---|---|
| Background | Gövde arka planı, çekmece arka planı | #ffffff |
| Surface | Kart arka planı, ayarlar paneli arka planı | #f5f5f4 |
| Surface alternate | İnce ikincil yüzey | #fafaf9 |
| Text | Birincil metin rengi | #0c0a09 |
| Muted text | Kaş yazıları, etiketler, alt yazılar | #57534e |
| Borders | Kart kenarlıkları, ayırıcılar | #e7e5e4 |
| Accent | Birincil marka rengi (CTA'lar, rozetler) | #d97706 |
| Accent dark | Amber CTA'larda hover/active durumu | #b45309 |
| Accent soft | Amber tonlu arka planlar için yumuşak ton | #fef3c7 |
| Text on accent | Vurgu rengiyle doldurulmuş düğmeler ve rozetlerin üzerine yerleştirilen metin ve simge rengi. Accent dark ile yüksek kontrast oluşturacak şekilde tutun (varsayılan beyaz) | #ffffff |
| Success | Başarı rozetleri (Stokta var, NET-30 onaylı) | #15803d |
Düzen
| Ayar | Seçenekler | Varsayılan |
|---|---|---|
| Sayfa genişliği | Narrow (75rem) / Standard (90rem) / Wide (110rem) | Narrow |
| Sayfa yan dolgu | 16–60 px (kaydırıcı) | 28 px |
Başlık davranışı
| Ayar | Ne yapar | Varsayılan |
|---|---|---|
| Kaydırırken yapışkan başlık | Ana başlığı görünüm penceresine sabitler. | Açık |
Sepet davranışı
| Ayar | Ne yapar | Varsayılan |
|---|---|---|
| Sepet düzeni | Slide-out drawer (B2B hızlı eklemeler için önerilir) veya Dedicated cart page. | Drawer |
Yardımcı programlar
| Ayar | Ne yapar | Varsayılan |
|---|---|---|
| 'Yukarı çık' düğmesini göster | Bir görünüm penceresi kaydırmadan sonra kayan düğme. | Açık |
| Ürün sayfalarında 'Son görüntülenenleri' göster | localStorage'da alıcı başına 12'ye kadar ürünü takip eder. | Açık |
B2B
Mağaza modu
| Seçenek | Ne yapar | En iyi |
|---|---|---|
| Hybrid (auto) (varsayılan) | Otomatik algılar: misafirler için B2C dostu varsayılanlar, oturum açmış B2B alıcıları için B2B arayüz öğeleri. | Çoğu tüccar — her iki kitleyi de kabul eder. |
| B2B-only | B2C dostu varsayılanları gizler. | Yalnızca toptan satış tüccarları. |
| B2C-only | Oturum açmış B2B alıcıları için bile UI'nin her B2B öğesini bastırır. | Aynı tema kardeş bir B2C mağazada çalıştığında. |
→ Derinlemesine inceleme: Mağaza modları kılavuzu
Fiyat görünürlüğü
| Ayar | Ne yapar | Varsayılan |
|---|---|---|
| Müşteri giriş yapana kadar fiyatları gizle | Misafirler için fiyatları "Fiyatları görmek için giriş yapın" ile değiştirir. | Kapalı |
Ürün sayfası bölümleri
| Ayar | Ne yapar | Destekleyen metafield |
|---|---|---|
| PDP'de fiyat geçmişini göster | Ürünün vertex.price_history değeri olduğunda "Fiyat geçmişi" açıklamasını işler. | vertex.price_history |
| PDP'de 'Sevkiyat noktasını' göster | vertex.ships_from değerini okur, aşağıdaki varsayılana geri döner. | vertex.ships_from |
| Varsayılan 'Sevkiyat noktası' konumu | Ürünün vertex.ships_from değeri olmadığında kullanılır. Atlamak için boş bırakın. | — |
| PDP'de 'Belgeler ve indirmeler' göster | Veri sayfası / MSDS / broşür / kurulum kılavuzu bağlantılarını sarar. Hiçbir belge eklenmediğinde ürün başına otomatik gizlenir. | vertex.datasheet vb. |
| Varyant örneklerini göster | Renk/görsel seçenek değerlerini ürün sayfasında tıklanabilir örnek çiplerine dönüştürür. Kapalıyken seçenekler her yerde düz açılır menüler olarak işlenir. | — |
Örnekler nereden gelir
Shopify yöneticinizde bir seçenek değerine renk veya görsel atayın; Vertex bunu otomatik olarak tıklanabilir bir çip olarak gösterir — tema kurulumuna gerek yoktur. Klavye ve ekran okuyucu kullanıcıları için altta erişilebilir bir açılır menü yerinde kalır.
Yerelleştirme
| Ayar | Seçenekler | Varsayılan |
|---|---|---|
| Metin yönü | Auto (locale-driven) / Left to right / Right to left | Auto |
Otomatik RTL
Vertex, <html dir> özelliğini Arapça, İbranice, Farsça, Urduca, Yidiş, Kürtçe, Dhivehi ve Peştuca için otomatik olarak çevirir. Yalnızca zorlamanız gerekirse Left to right / Right to left olarak ayarlayın.
SEO ve paylaşım
Marka varlıkları
| Ayar | Önerilen boyut |
|---|---|
| Favicon | 32×32 PNG. Birlikte gelen Vertex marka işaretini kullanmak için boş bırakın. |
Sosyal kartlar
| Ayar | Önerilen boyut |
|---|---|
| Varsayılan paylaşım resmi (OG / Twitter) | 1200 × 630 px. |
| Twitter / X kullanıcı adı | @ olmadan. |
Sosyal profil URL'leri (Organization JSON-LD sameAs)
- LinkedIn URL, Twitter / X URL, Facebook URL, Instagram URL, YouTube URL
Google Merchant / Shopping
| Ayar | Notlar |
|---|---|
| Varsayılan sevkiyat ülkesi (ISO kodu) | İki harfli (US, GB, DE, vb.) |
| Varsayılan kargo ücreti (sayısal) | Ücretsiz kargo için 0 kullanın |
| İşlem süresi — min / maks (gün) | 0–14 gün |
| Transit süresi — min / maks (gün) | 0–30 g ün |
| İade penceresi (gün) | 0–180 gün |
| İade yöntemi | Posta ile / Mağazada / Ürünü tutun |
| İade kargo ücretleri | Ücretsiz iade kargosu / Müşteri öder |
İşletme bilgileri
Bu değerler site geneli Organization JSON-LD'yi (Knowledge Panel verileri) besler.
| Ayar | Format | Örnek |
|---|---|---|
| Telefon (E.164 tercih edilir) | Ülke kodlu uluslararası format | +1-216-555-0182 |
| Telefon saatleri | Serbest metin | Mon-Fri 7am-6pm CST |
| Sokak adresi | — | 1500 W Industrial Pkwy |
| Şehir / yerel | — | Cleveland |
| Eyalet / bölge kodu | 2 harfli bölge kodu | OH |
| Posta / ZIP kodu | — | 44113 |
| Ülke (ISO kodu) | 2 harfli ülke kodu | US |
| Kuruluş yılı | 4 haneli yıl | 2014 |
5 dakikada en yüksek etkili SEO kazancı
Bunları doldurmak her sayfada Organization + LocalBusiness JSON-LD'yi doldurur — Google'ın Knowledge Panel'inizi ve Maps listenizi oluşturmak için kullandığı veriler.
Her ayar nerede uygulanır
| Panel | Etkilediği |
|---|---|
| Tipografi | Her sayfa — gövde + başlıklar |
| Renkler | Her sayfa — arka plan, metin, vurgu |
| Düzen | Her sayfa — maks. genişlik, dolgu, yapışkan başlık |
| B2B | B2B arayüz öğeleri (amber çubuk, RFQ, toplu sipariş) + fiyat görünürlüğü |
| Yerelleştirme | Her sayfada <html dir> özelliği |
| SEO ve paylaşım | Her sayfada <meta> etiketleri + JSON-LD |
| İşletme bilgileri | Her sayfada Organization + LocalBusiness JSON-LD |
Sonraki adımlar
- Bölüm kurulum kılavuzları → — Her bölüm bloğunu yapılandırın
- Mağaza modları kılavuzu → — Hybrid / B2B-only / B2C-only derinlemesine inceleme
- Metafield kurulum kılavuzu → — B2B PDP geliştirmeleri için destekleyici metafield'lar