Tema ayarları

Online mağazanızın tipografi, renkler, sosyal medya bağlantıları ve ödeme ayarlarında değişiklik yapmak için Tema ayarlarını kullanabilirsiniz.

Online mağazanızın tipografi, renkler, sosyal medya bağlantıları ve ödeme ayarlarında değişiklik yapmak için Tema ayarlarını kullanabilirsiniz. Tema ayarlarınıza yaptığınız değişiklikler online mağazanızın tamamında geçerli olur.

Renkler

Online mağazanız için birincil ve ikincil renk şemaları ayarlayabilirsiniz.

Renk ayarlarınızı özelleştirme

  1. Tema ayarları' na tıklayın.
  2. Renkler'e tıklayın.
  3. Renk seçiciyi açmak için değiştirmek istediğiniz içerik türü renginin renk numune parçasına tıklayın.

  4. Kayıtyap ' a tıklayın.

Renk gradyanları ayarlama da dahil, renk seçenekleri hakkında daha fazla bilgi edinmek için Renk şemaları bölümüne bakın.

Baskı

Online mağazanızdaki metinlerin yazı tipi stilini ve boyutunu ayarlayabilirsiniz. Sistem yazı tipi veya özel bir yazı tipi seçebilirsiniz.

Mağazanızda sistem yazı tiplerini kullanmanız önerilir. Sistem yazı tiplerini kullanarak müşterinizin bilgisayarına yeni yazı tiplerinin indirilmesini ve böylece mağazanızın yüklenme hızının olumsuz yönde etkilenmesini önlersiniz. Müşterinizin bilgisayarında görüntülenen yazı tipi, müşterinizin kullandığı işletim sistemine bağlıdır.

Tipografi ayarlarınızı özelleştirme

  1. Tema ayarları' na tıklayın.
  2. Tipografi seçeneğine tıklayın.
  3. Her metin türünde, yazı tipi seçiciyi kullanmak için Değiştir'e tıklayın.
  4. Arama alanını kullanarak veya Daha fazla yükle seçeneğine dokunarak kullanılabilir yazı tiplerini keşfedin.
  5. Kullanmak istediğiniz yazı tipinin adına ve ardından Seç'e tıklayın.
  6. Kayıtyap ' a tıklayın.

Yazı tipi boyutlarınızı özelleştirme

Tipografi tema ayarından başlığınız ve gövde metniniz için varsayılan yazı tipi boyutlarını ayarlayabilirsiniz.

Basamak

  1. Tema ayarları > Tipografi'ye tıklayın.
  2. Başlıkların varsayılan yazı boyutunu değiştirmek için Yazı boyutu ölçeğini kullanarak varsayılan yazı boyutunu seçin. Minimum yazı boyutu %100, maksimum yazı boyutu %150'dir. Ölçek her artırıldığında yazı tipi boyutu %5 artar. Varsayılan ayar %100'dür.
  3. Gövde metninin varsayılan yazı boyutunu değiştirmek için Yazı boyutu ölçeğini kullanarak varsayılan yazı boyutunu seçin. Minimum yazı boyutu %100, maksimum yazı boyutu %130'dur. Ölçek her artırıldığında yazı tipi boyutu %5 artar. Varsayılan ayar %100'dür.
  4. Kayıtyap ' a tıklayın.

Düzen

Düzen, online mağazanızın görüntüleneceği maksimum genişliği ayarlamanıza izin verir.

  1. Tema ayarları > Düzen'e tıklayın.
  2. 1000 piksel veya 1600 piksellik bir sayfa genişliği arasında seçim yapmak için aralık kaydırıcısını kullanın. Varsayılan ayar 1600 pikseldir.
  3. [İsteğe bağlı] Aralık kaydırıcısını kullanarak bölümler arasına dikey boşluk ekleyin. Bölümler arasında maksimum 100 piksel ekleyebilirsiniz.
  4. [İsteğe bağlı] Izgara düzeniniz varsa ızgara içerikleri arasına boşluk eklemek için Yatak boşluk ve Dikey boşluk aralık kaydırıcısını kullanın. Yatay boşluk eklemek satırlarınıza maksimum 40 piksellik boşluk eklerken, dikey boşluk eklemek sütunlarınıza maksimum 40 piksellik boşluk ekler.
  5. Kayıtyap ' a tıklayın.

Kenarlıklar ve gölgeler

Çekmeceler, düğmeler, varyasyonlar veya adet girişleri gibi bazı etkileşimli içerik türlerinin kenarlıklarını ve gölgelerini ayarlayabilirsiniz.

Kenarlıklar için özelleştirilebilir seçenekler aşağıda verilmiştir:

  • Kalınlık, öğenin dış hatlarını değiştirir.
  • Opaklık, öğe dış hatlarının görünürlüğünü ayarlar.
  • Köşe yarıçapı, öğelerinizin köşelerini yuvarlar.

Gölgeler için seçenekler aşağıda verilmiştir:

  • Opaklık, öğe gölgesinin görünürlüğünü değiştirir. %0 değerinde bir opaklık, öğedeki gölgeyi tamamen kaldırır.
  • Yatay veya Dikey dengeleme aralık kaydırıcıları, öğenin etrafında gölgenin konumunu hareket ettirir.
  • Öğe gölgesinin opaklığını değiştirmek için Bulanıklık aralık kaydırıcısını kullanın.

Düğmeler

Gölgeler ekleyerek, boşluğu veya opaklığı değiştirerek ve düğmelerinizin şeklini düzenleyerek online mağazanızda eylem çağrısı düğmelerinin ayarlarını özelleştirebilirsiniz.

Eylem çağrısı düğmesi bulunan örnek online mağaza

Düğmeleri özelleştirme

  1. Tema ayarları' na tıklayın.
  2. Düğmeler'e tıklayın.
  3. Düğmenizin Kenarlık görünümünü değiştirmek için kaydırılabilen ölçekleri kullanın.
  4. Düğmenin Gölgesini değiştirmek için kaydırılabilen ölçekleri kullanın. Gölge opaklığını %0 değerine ayarlarsanız gölge görünmez.
  5. Kayıtyap ' a tıklayın.

Varyasyon seçenekleri

Varyasyon seçenekleri, ürün varyasyonlarını bir ürün sayfasında veya öne çıkan ürün bölümünde görüntülemeye olanak tanır. Müşteriler, ürün sayfalarını değiştirmelerine gerek kalmadan ürünü sepete eklemek için istenen varyasyonu seçebilir.

Seçilebilir varyasyon seçenekleri bulunan örnek online mağaza

Varyasyon seçeneklerini özelleştirme

  1. Tema ayarları' na tıklayın.
  2. Varyasyon seçenekleri'ne tıklayın.
  3. Varyasyon seçeneklerinin Kenarlık görünümünü değiştirmek için kaydırılabilen ölçekleri kullanın.
  4. Varyasyon seçeneklerinin Gölgesini değiştirmek için kaydırılabilen ölçekleri kullanın. Gölge opaklığını %0 değerine ayarlarsanız gölge görünmez.
  5. Kayıtyap ' a tıklayın.

Girişler

Girdiler, müşteri girdisi gerektiren etkileşimli alanlardır (örneğin, adet seçici, e-posta kayıt formu veya sepet notları). Tema ayarlarında online mağaza girdilerinizin görünümünü ayarlayabilirsiniz.

Adet girişi bulunan örnek online mağaza

Girdileri özelleştirme

  1. Tema ayarları' na tıklayın.
  2. Girişler'e tıklayın.
  3. Girişlerinizin Kenarlık görünümünü değiştirmek için kaydırılabilen ölçekleri kullanın.
  4. Girişlerin Gölgesini değiştirmek için kaydırılabilen ölçekleri kullanın. Gölge opaklığını %0 değerine ayarlarsanız gölge görünmez.
  5. Kayıtyap ' a tıklayın.

Kartlar

Kartlar, birden fazla ürünü (örneğin, ürün kartları, blog kartları, koleksiyon kartları veya kolaj kartları) görüntülemenize olanak sağlayan bölümlerde yer alan, bölümlere ayrılmış alanlardır. Bölüm kartlarınızın şekil, stil, renk, hizalama ve görsel dolgusu ayrıntılarını özelleştirebilirsiniz.

Kartları özelleştirme

  1. Tema ayarları' na tıklayın.
  2. Kartlar'a tıklayın.
  3. Bir kart Stili seçmek için açılır menüyü kullanın.
  4. Kaydırılabilen ölçeği kullanarak Görsel dolgusu ekleyin. Bu işlem, kart görsellerinizin etrafına alan ekler.
  5. Kartlarınız için Metin hizalamasını ayarlamak için açılır menüyü kullanın. Sol, orta (varsayılan) ve sağ arasında seçim yapın.
  6. Kartlarınız için bir Renk şeması seçmek üzere açılır menüyü kullanın.
  7. Kartınızın Kenarlık görünümünü değiştirmek için kaydırılabilen ölçekleri kullanın.
  8. Kartın Gölgesini değiştirmek için kaydırılabilen ölçekleri kullanın. Gölge opaklığını %0 değerine ayarlarsanız gölge görünmez.
  9. Kayıtyap ' a tıklayın.

İçerik kapsayıcıları

Kapsayıcılar, içerik bölümlerinin metin kısmıdır (örneğin, slayt gösterisindeki metin kutusu, görsel banner'ı veya çok sütunlu bölümlerdeki sütunlar). Online mağazanız için içerik kapsayıcılarının görünümünü özelleştirebilirsiniz.

İçerik kapsayıcılarını özelleştirme

  1. Tema ayarları' na tıklayın.
  2. İçerik kapsayıcıları'na tıklayın.
  3. İçerik kapsayıcılarınızın Kenarlık görünümünü değiştirmek için kaydırılabilir ölçekleri kullanın.
  4. İçerik kapsayıcısının Gölgesini değiştirmek için kaydırılabilen ölçekleri kullanın. Gölge opaklığını %0 değerine ayarlarsanız gölge görünmez.
  5. Kayıtyap ' a tıklayın.

Medya

Medya, bölümlerin görsel bileşenidir (örneğin, ürün medyası veya metin içeren görsel bölümlerindeki görsel). Medyanıza kenarlıklar ve gölgeler ekleyebilirsiniz.

Medyayı özelleştirme

  1. Tema ayarları' na tıklayın.
  2. Medya'ya tıklayın.
  3. Medyanızın Kenarlık görünümünü değiştirmek için kaydırılabilen ölçekleri kullanın.
  4. Medyanın Kenarlığını değiştirmek için kaydırılabilen ölçekleri kullanın. Gölge opaklığını %0 değerine ayarlarsanız gölge görünmez.
  5. Kayıtyap ' a tıklayın.

Açılır menüler ve pencereler

Gezinme açılır menülerinin, açılır pencere modlarının ve sepet açılır pencerelerinin görünümünü ayarlayın.

Açılır menüleri ve pencereleri özelleştirme

  1. Tema ayarları' na tıklayın.
  2. Açılır menülere ve açılır pencereler'e tıklayın.
  3. Kenarlığınızın görünümünü değiştirmek için kaydırılabilen ölçekleri kullanın.
  4. Gölgeyi değiştirmek için kaydırılabilen ölçekleri kullanın. Gölge opaklığını %0 değerine ayarlarsanız gölge görünmez.
  5. Kayıtyap ' a tıklayın.

Çekmeceler

Çekmeceler, dokunulduğunda veya tıklandığında görünen ve yok olan gizli, etkileşimli kapsayıcılardır (örneğin, daraltılabilir gezinme menüsü veya filtre seçenekleri).

Çekmeceleri özelleştirme

  1. Tema ayarları' na tıklayın.
  2. Çekmeceler'e tıklayın.
  3. Kenarlığınızın görünümünü değiştirmek için kaydırılabilen ölçekleri kullanın.
  4. Gölgeyi değiştirmek için kaydırılabilen ölçekleri kullanın. Gölge opaklığını %0 değerine ayarlarsanız gölge görünmez.
  5. Kayıtyap ' a tıklayın.

Rozetler

Satış ve Tükendi rozetleri, fiyat düştüğünde veya envanter sayımı 0'a ulaştığında ürün görsellerinize otomatik olarak eklenir. Rozetlerinizin konumunu, şeklini ve rengini ayarlayabilirsiniz.

Satış ve tükendi rozetleri bulunan örnek online mağaza

Sayfa ve Blog rozetleri, ilgili arama sonuçlarında görünür. Bu rozetlerin konumunu ve şeklini özelleştirebilir, ancak rengini özelleştiremezsiniz.

Rozetleri özelleştirme

  1. Tema ayarları' na tıklayın.
  2. Rozetler'e tıklayın.
  3. Ürün kartlarının içindeki rozet konumunu seçmek için açılır menüyü kullanın. Sol üst, sağ üst, sol alt (varsayılan) ve sağ alt arasında seçim yapın.
  4. Köşe yarıçapı kaydırılabilen ölçeğiyle yuvarlatılmış köşeler ekleyin. Köşe yarıçapını 0 piksel olarak ayarlarsanız rozet kenarları kare şeklinde görünür. Köşe yarıçapını artırdığınızda rozet kenarları yuvarlaklaşır.
  5. Rozetleriniz için bir Renk şeması seçin. Tükenen ürünler için alternatif bir renk şeması ayarlayabilirsiniz.
  6. Kayıtyap ' a tıklayın.

Simgeler

Simgeler, belirli bölümlere veya bloklara eklenebilen küçük görsellerdir. Tema ayarları'nda simgeleriniz için renk şemasını ayarlayın.

Daraltılabilir satırlarda simgeler içeren örnek online mağaza

Simgeleri özelleştirme

  1. Tema ayarları' na tıklayın.
  2. Simgeler'e tıklayın.
  3. Simgelerinizin varsayılan rengini seçmek için açılır menüyü kullanın. Mağaza simgeleriniz için 1. Vurgu, 2. Vurgu, Dış Hat düğmesi veya metin rengi arasında seçim yapın.
  4. Kayıtyap ' a tıklayın.

Sosyal medya

Ürünleriniz ve blog gönderileriniz için sosyal medya paylaşım düğmelerinin yanı sıra sosyal medya hesaplarınızın bağlantılarını ekleyebilirsiniz. Sosyal medya hesaplarınızın bağlantıları, online mağazanızın altbilgisinde gösterilir.

Sosyal medya ayarlarınızı özelleştirme

  1. Tema ayarları' na tıklayın.
  2. Sosyal medya'ya tıklayın.
  3. Sosyal medya hesaplarınıza bağlantı eklemek için Hesaplar bölümünde verilen alanlara hesaplarınızın bağlantılarını girin. https://instagram.com/shopify veya https://twitter.com/shopify gibi tam bağlantılar girin.
  4. Kayıtyap ' a tıklayın.

Arama davranışı

Online Store müşteriler arama alanına yazma işlemini başlattıklarında ürün önerilerini gösteren tahmini aramayı içerir. Ürün önerileri, müşterilerin arama sorgularını açıklamasına ve iyileştirmesine yardımcı olur, online mağaza keşfi için de yeni yollar sağlar. Ayrıca, müşterilerin, arama sonuçlarının ayrı bir listesini görmek için mevcut sayfadan ayrılmak zorunda kalmadan hızlı bir şekilde gezinmelerine olanak sağlayabilir.

Arama için aşağıdaki ayarları özelleştirebilirsiniz:

  • Enable product suggestions (Ürün önerilerini etkinleştir): Ürün önerilerini etkinleştirir veya devre dışı bırakır.
  • Show vendor (Satıcıyı göster): Ürün önerilerinde satıcıları gösterir veya gizler.
  • Fiyatı göster: Ürün önerilerinde fiyatları gösterir veya gizler.

Arama girişi ayarlarını değiştirme

  1. Tema ayarları' na tıklayın.
  2. Arama girişi'ne tıklayın
  3. Mağazanın arama davranışını özelleştirmek için ayarları kullanın.
  4. Kayıtyap ' a tıklayın.

Ürün önerilerinin nasıl çalıştığı hakkında daha fazla bilgi edinmek için Tahmini arama bölümüne bakın.

Favicon

Online mağazanızı marka haline getirmeye yardımcı olabilecek bir favoriler simgesi veya favicon ekleyebilirsiniz. Favicon aşağıdaki yerlerde gösterilir:

  • Web tarayıcısı sekmeniz
  • Web tarayıcısı geçmişiniz
  • Masaüstünüzdeki simgeler
  • yer işareti olarak eklendiğinde online mağaza adınızın yanında

Favicon'lar hakkında daha fazla bilgi edinin.

Favicon'unuzu özelleştirme

  1. Tema ayarları' na tıklayın.
  2. Favicon'a tıklayın.
  3. Favicon görseli alanında Görsel Seç' e tıklayın ve ardından aşağıdakilerden birini yapın:

    • Shopify yöneticinize zaten yüklediğiniz bir görseli kullanmak amacıyla, seçmek için görsele, ardından Seç'e tıklayın.
    • Yerel bilgisayarınızdan bir görsel kullanmak için Yükle'ye tıklayın. Bilgisayarınızdan bir görsel seçin ve yüklemeyi başlatmak üzere seçeneğine tıklayın. Yükleme tamamlandığında görsel otomatik olarak seçili olacaktır. Seç'e tıklayın.
    • Ücretsiz bir görsel seçmek için Ücretsiz görseller'e tıklayın ve görsel arayın ya da seçmek üzere bir görsele tıklayın.
  4. Favicon görselinize alternatif metin ekleyin:

    1. Alternatif metni düzenle'ye tıklayın.
    2. Görseli Düzenle penceresinde görselin kısa bir açıklamasını girin.
    3. Kayıtyap ' a tıklayın.

Para birimi biçimi

Ürün, sepet ve ödeme ücretlerinin her zaman para birimi kodlarını göstermesini seçebilirsiniz.

  1. Tema ayarları' na tıklayın.
  2. Para birimi biçimi'ne tıklayın.
  3. Para birimi kodlarını etkinleştirmek için Para birimi kodlarını göster onay kutusuna tıklayın.
  4. Kayıtyap ' a tıklayın.

Sepet

Online mağazanızdaki sepetin stilini değiştirebilirsiniz. Bir müşteri mağazanızdan sepetine ürün eklediğinde sepet; bir çekmece, sayfa veya bildirim açılır penceresi şeklinde görünebilir. Müşterinin sepeti boşken sepet çekmecesinde öne çıkan bir koleksiyonu gösterebilirsiniz.

Basamak

  1. Tema ayarları > Sepet'e tıklayın.
  2. Sepet stili seçmek için açılır menüyü kullanın: Çekmece, sayfa veya bildirim açılır penceresi.
  3. İsteğe bağlı: Müşterinin sepetinde ürün satıcısını göstermek için Satıcıyı göster'e tıklayın.
  4. İsteğe bağlı: Müşterilere, özel taleplerde bulunmaları veya ek sipariş bilgileri eklemeleri için alan sağlamak isterseniz Sepet notunu etkinleştir seçeneğini belirleyin.

Sepet türü Çekmece olarak ayarlanmışsa sepet çekmecesinde bir koleksiyonu gösterebilirsiniz. Seçilen koleksiyon yalnızca sepet boşken görünür.

Boş sepet çekmecesine koleksiyon eklemek için Koleksiyon Seç'e tıklayın. Bir koleksiyon seçildikten sonra farklı bir koleksiyon seçmek veya koleksiyonu sepet çekmecesinden kaldırmak için Değiştir'e tıklayın. Ayrıca, yeni bir koleksiyon oluşturmak için Koleksiyon oluştur'a da tıklayabilirsiniz. Bu düğme sizi Tema ayarlarından çıkarıp Shopify yöneticinizin Koleksiyonlar alanına yönlendirir.

Ödeme

Bu bölüm, mağazanızın ödeme sayfasını özelleştirmenizi sağlar. Mağazanızın ödeme sayfası hakkında daha fazla bilgi için Shopify ödeme sayfası bölümüne bakın.

Tema stillerini Değiştir

Tema stili, tema tasarımcısı tarafından seçilen ayarlar koleksiyonudur. Parlak bir genel görünüm kazandırmak için mağazanıza tema stili uygulayabilirsiniz. Varsayılan olarak tüm temalara bir tema stili uygulanır. Bir temayı özelleştirirken tema stili ayarlarını kendi ayarlarınızla değiştirirsiniz. Temanıza bir tema stili uyguladığınızda renk ve tipografi gibi mevcut ayarlarınızı değiştirirsiniz.

Basamak

  1. Tema ayarları > Stiller'e tıklayın.

  2. Açılır menüleri kullanarak tema stili seçeneklerinizi belirleyin. Kullanılabilir seçenekler, kullandığınız temaya bağlıdır.

  3. Kayıtyap ' a tıklayın.

Değişiklikleri geri alma ve yineleme

Geri Al düğmesi en son yaptığınız değişikliği geri alır. Yinele düğmesi de geri aldığınız bir değişikliği tekrar uygular. Geri Al düğmesine bir kereden fazla tıklandığında yaptığınız işlemler tek tek geri alınmaya devam eder. Geri Al ve Yinele düğmeleri, tema düzenleyicisi araç çubuğunda bulunur.

Tema düzenleyicisi araç çubuğundaki Geri Al ve Yinele düğmeleri

Aşağıdaki değişiklikleri geri almak için Geri Al düğmesine tıklayın:

  • Bölümleri ekleme, yeniden sıralama ve silme
  • Tema ayarları sekmesinde renkleri, yazı tiplerini ve diğer ayarları uygulama
  • Tema stilini sıfırlama.

Shopify ile satış yapmaya hazır mısınız?

Ücretsiz olarak dene