Bu ayarların bulunduğu yer
Markalama pazar başına yapılandırılır ve bir pazar içinde aynı anda her sayfayı etkiler. Oluşturucuyu açın, sol kenar çubuğunun üst kısmındaki pazarlar düğmesiyle (ülke bayrağı) bir pazar seçin, ardından Ayarlar sekmesini (dişli simgesi) açın. Ayarlar'ın şu sırayla kendi alt sekmeleri vardır: Markalama, Renkler, Yazı tipleri, Düzen, Animasyonlar, Otomasyonlar, Girişler, Simgeler, Yasaklamalar, Ödeme, Ödeme formu, Bakım sayfası, Özel CSS ve Özel Javascript. Değişiklikler seçtiğiniz pazara uygulanır ve Yayınla'ya tıkladığınızda yayına girer. Pazar değiştirmek, o pazarın kendi renklerini, yazı tiplerini ve düzenini yeniden yükler.
Renk şemaları
Renkler sekmesi en fazla 9 renk şeması tutar. Sınıra ulaştığınızda ekleme kartı 9/9 gibi devre dışı bir sayı rozetine dönüşür. Her bölüm, blok ve bileşen bir şemayı numarasıyla referans alır, bu yüzden bir şemanın renklerini değiştirmek, onu kullanan her bölümü tüm sayfalarda anında yeniden biçimlendirir. Bir şema kartını çoğaltmak veya silmek için sağ tıklayın.
Her şemadaki renk rolleri
Her şema, tümü onaltılık değerler olarak ayarlanan şu rolleri tanımlar:
- Arka plan: ana bölüm arka planı.
- İç arka plan: bir bölüm içindeki kartlar ve iç içe içerik için tonlu bir arka plan.
- Başlık: başlık metni rengi.
- Metin: paragraf ve gövde metni rengi.
- Önemli metin: fiyatlar ve vurgulanan değerler gibi öne çıkan metin.
- Bağlantılar ve Bağlantı üzerine gelme: köprü bağlantısının normal ve üzerine gelinmiş durumlarındaki rengi.
- Kenarlık: öğe kenarlıkları ve ayırıcı çizgileri.
- Anahat: kenarlıklardan daha fazla öne çıkması gereken odak halkaları ve vurgu anahatları.
- Gölge: kutu gölgesi rengi (genellikle yarı saydam).
- Birincil düğme: arka plan, metin ve kenarlık, her biri kendi ayrı üzerine gelme rengiyle (toplam 6 değer).
- İkincil düğme: arka plan, metin ve kenarlık, her biri kendi ayrı üzerine gelme rengiyle (toplam 6 değer).
- Giriş arka planı, metni, kenarlığı ve etiketi: form alanlarının stili.
- Giriş üzerine gelme arka planı: bir alışverişçi alanın üzerine geldiğinde giriş arka planı.
Güçlü şemalar için ipuçları
- Çoğu bölümde nötr açık bir Arka plan tutun ve cesur renkleri kahraman ve harekete geçirici mesaj bölümlerindeki bir vurgu şeması için saklayın.
- Düğmenin öne çıkması için Birincil Düğme Arka planını bölüm Arka planından açıkça farklı yapın.
- Kartların rahatsız etmeden ayrı okunması için İç arka planı ana Arka planın hafif bir tonu olarak ayarlayın.
- Metin ile arka planı arasında en az 4,5:1 kontrast hedefleyin.
Yazı tipleri
Yazı tipleri sekmesi dört rolü, her birini bir yazı tipi ailesiyle eşler:
- Gövde: paragraf metni ve açıklamalar.
- Başlık: mağaza genelindeki tüm başlıklar.
- Alt başlık: ikincil başlıklar ve bölüm alt başlıkları.
- Vurgu: fiyatlar, rozetler ve dekoratif vurgu için stilistik bir yazı tipi.
Mevcut yazı tipleri: Inter, Helvetica, SF Mono, New York, System UI, Roboto, Open Sans, Lato, Montserrat, Poppins, Raleway, Nunito, Merriweather, Playfair Display, Lora, PT Sans, PT Serif, Quicksand, Space Grotesk, DM Sans, Syne, Manrope, Outfit, Urbanist, Oswald, Bebas Neue, Abel, Abril Fatface ve Acme. Arapça içeriği olan mağazalar için her yazı tipi otomatik olarak eşleşen bir Arapça karşılığıyla eşlenir, bu yüzden ayrıca bir Arapça yazı tipi seçmezsiniz.
Sayfa genişliği
Düzen sekmesinde, ana içerik ızgarasının maksimum genişliğini 100'lük adımlarla 900 ile 1400 px arasında ayarlayan bir Sayfa genişliği kaydırıcısı vardır (yani 900, 1000, 1100, 1200, 1300 veya 1400; varsayılan 1200'dür). Sayfa genişliğine ayarlanan bölümler bu değerle sınırlanır; Tam olarak ayarlanan bölümler ne olursa olsun her zaman tüm görünüm alanını kaplar. Seçilen genişlikten daha dar görünüm alanlarında bölümler, ekranın %100'ünü dolduracak şekilde küçülür.
Logo
Logo iki yerde ayarlanır: Başlık bölümündeki Logo bloğu ve alt bilgideki Hakkımızda bloğu. Bloğa tıklayın, ardından medya kitaplığınızdan bir görsel seçmek veya yeni bir görsel yüklemek için Logo görsel seçicisini kullanın. Seçtikten sonra görüntülenecek Genişlik ve Yükseklik değerlerini ayarlayın (her biri 20 ila 300 px); diğer boyut, en boy oranını korumak için otomatik ölçeklenir. Başlık logosu varsayılan olarak 120 px genişlik ve 50 px yüksekliktedir ve yatay konumunu (sol, orta veya sağ) ve dolgusunu ayarlayabilirsiniz. Varsayılan olarak başlık logosu ana sayfaya bağlanır; Yasaklamalar sekmesinin Başlık grubundaki Logo ana sayfaya yönlendirir anahtarını kapatarak onu tamamen dekoratif yapabilirsiniz.
Site simgesi
Site simgesini Markalama sekmesinde ayarlayın. Site simgesi seç'e tıklayın ve bir PNG, JPEG, WEBP veya ICO görseli seçin (önerilen boyut 32x32 veya 16x16 px). Tarayıcı sekmelerinde ve yer imlerinde görünür.
Gövde arka plan görseli
Yine Markalama sekmesinde, isteğe bağlı olarak tüm mağazanın arkasına bir Gövde görseli ayarlayabilirsiniz (PNG, JPEG veya WEBP). Bir görsel seçildiğinde iki kontrol görünür: Boyut (Kapla görünüm alanını doldurur, gerekirse kırparak; Sığdır görselin tamamını sığdırır) ve Tekrarla (açıkken görsel döşenir ve sayfayla birlikte kayar; kapalıyken tek bir görsel, içerik üzerinden kayarken görünüm alanında sabit kalır). Sayfa yüklemesini yavaşlatmamak için yoğun şekilde sıkıştırılmış bir görsel kullanın.
Özel CSS ve JavaScript
Standart ayarların yapamayacağı değişiklikler için, Özel CSS sekmesi ve Özel Javascript sekmesinin her biri, mağazanın her sayfasına eklenip çalıştırılan en fazla 1.000 karakter kabul eder. Bunları az kullanın. Tek bir bölümle sınırlı stil için, her bölümün kendi kontrol panelinde, site genelindeki alandan daha güvenli olan kendi Özel CSS sekmesi de vardır.