Yardım
Oturum aç

Tema ayarlarını özelleştirme

Tema düzenleyicisinin kenar çubuğu menüsündeki Tema Ayarları bölümünden, online mağazanızın tipografi, renkler, sosyal medya bağlantıları ve sepet sayfası gibi genel ayarlarını kişiselleştirebilirsiniz. Tema Ayarları bölümünde yaptığınız değişiklikler tüm online mağazanıza uygulanır.

Temanızın belirli bölümlerini kişiselleştirmek için düzenleyebileceğiniz, bölümlere ve bloklara özgü ayarlar da bulunur. Bölümler ve bloklar hakkında daha fazla bilgi edinin.

Bu sayfada

Online mağazanıza işletmeniz için bir logo ekleyebilirsiniz. Logonuz aşağıdaki yerlerde görüntülenir:

  • tüm sayfalardaki üstbilginizde
  • parola sayfanızda

Logoyu kişiselleştirme

Logo görsellerinin maksimum genişliği 300 pikseldir.

Adımlar:

Masaüstü

  1. Shopify yöneticinizden Online Mağaza > Temalar bölümüne gidin.

  2. Düzenlemek istediğiniz temayı bulun ve ardından Temayı düzenle'ye tıklayın.

  3. Tema ayarları ayarlar simgesine tıklayın.

  4. Logo'ya tıklayın.

  5. Logo alanında görselinizi ekleyin veya ücretsiz bir görsel kullanın:

    • Görselinizi eklemek için Görsel seçseçeneğine tıklayın ve ardından yeni veya mevcut bir görsel ekleyin:
      • Shopify yöneticinize daha önce yüklediğiniz bir görseli kullanmak için görseli seçin ve ardından Bitti'ye tıklayın.
      • Yerel bilgisayarınızdaki bir görseli kullanmak için Görsel ekle'ye tıklayın. Bir görsel seçip ekleyin ve ardından Bitti'ye tıklayın.
    • Ücretsiz bir görsel kullanmak için Ücretsiz görselleri keşfet'e tıklayın. Bir görsel bulun, seçmek için görsele tıklayın ve ardından Seç'e tıklayın.

  6. İsteğe bağlı: Logo görselinize alternatif metin ekleyin:

    1. Logo alanında Düzenle'ye tıklayın.
    2. Alternatif metin alanına görselin kısa bir açıklamasını girin.
    3. Kaydet'e tıklayın.

  7. İsteğe bağlı: Masaüstü logo genişliği alanında, logonun piksel cinsinden genişliğini ayarlamak için aralık kaydırıcısını kullanın.

  8. Kaydet'e tıklayın.

Mobil

  1. Shopify uygulamasından, Menü simgesine dokunun.

  2. Satış kanalları bölümünde Online Mağaza'ya dokunun.

  3. Tüm temaları yönet'e dokunun.

  4. Düzenlemek istediğiniz temayı bulun ve ardından Temayı düzenle'ye dokunun.

  5. … veya ⋮ simgesine ve ardından Tema ayarları'na dokunun.

  6. Logo'ya dokunun.

  7. Logo alanında görselinizi ekleyin veya ücretsiz bir görsel kullanın:

    • Görselinizi eklemek için Görsel seçseçeneğine tıklayın ve ardından yeni veya mevcut bir görsel ekleyin:
      • Shopify yöneticinize daha önce yüklediğiniz bir görseli kullanmak için görseli seçin ve ardından Bitti'ye dokunun.
      • Yerel cihazınızdan bir görsel kullanmak için Görsel ekle'ye dokunun. Yerel cihazınızdan bir görsel seçip ekleyin, seçmek için görsele dokunun ve ardından Bitti'ye dokunun.
    • Ücretsiz bir görsel kullanmak için Ücretsiz görselleri keşfet'e dokunun. Bir görsel bulun, seçmek için görsele dokunun ve ardından Bitti'ye dokunun.

  8. İsteğe bağlı: Logo görselinize alternatif metin ekleyin:

    1. Logo alanında Düzenle'ye dokunun.
    2. Alternatif metin alanına görselin kısa bir açıklamasını girin.
    3. Kaydet'e veya ✓ simgesine dokunun.

  9. İsteğe bağlı: Masaüstü logo genişliği alanında, logonun piksel cinsinden genişliğini ayarlamak için aralık kaydırıcısını kullanın.

  10. Kaydet'e veya ✓ simgesine dokunun.

Favicon ekleme

Online mağazanızın marka kimliğine yardımcı olması için bir favicon (sık kullanılanlar simgesi) ekleyebilirsiniz. Favicon aşağıdaki yerlerde görüntülenir:

  • web tarayıcınızın sekmesinde
  • web tarayıcınızın geçmişinde
  • masaüstünüzdeki simgeler
  • web siteniz yer imlerine eklendiğinde online mağaza adınızın yanında

Favicon'lar hakkında daha fazla bilgi edinin.

Adımlar:

Masaüstü

  1. Shopify yöneticinizden Online Mağaza > Temalar bölümüne gidin.

  2. Favicon eklemek istediğiniz temayı bulun ve ardından Temayı düzenle'ye tıklayın.

  3. Tema ayarları ayarlar simgesine tıklayın.

  4. Tema sürümünüze bağlı olarak Logo veya Favicon'a tıklayın.

  5. Favicon görseli bölümünde Görsel seç'e tıklayın ve ardından yeni veya mevcut bir görsel ekleyin:

    • Shopify yöneticinize daha önce yüklediğiniz bir görseli seçmek için görseli arayabilir veya bulabilir, ardından onay kutusunu kullanarak seçebilirsiniz.
    • Yerel bilgisayarınızdan bir görsel seçmek için Görsel ekle'ye tıklayın, yerel bilgisayarınızdan görseli açın ve ardından onay kutusunu kullanarak seçin.

  6. Bitti'ye tıklayın.

  7. İsteğe bağlı: Favicon görselinize alternatif metin ekleyin:

    1. Favicon görseli bölümünde Düzenle'ye tıklayın.
    2. Alternatif metin alanına görselin kısa bir açıklamasını girin.
    3. Kaydet'e tıklayın.

  8. Kaydet'e tıklayın.

Mobil

  1. Shopify uygulamasından, Menü simgesine dokunun.

  2. Satış kanalları bölümünde Online Mağaza'ya dokunun.

  3. Tüm temaları yönet'e dokunun.

  4. Favicon eklemek istediğiniz temayı bulun ve ardından Temayı düzenle'ye dokunun.

  5. … veya ⋮ simgesine ve ardından Tema ayarları'na dokunun.

  6. Tema sürümünüze bağlı olarak Logo veya Favicon'a dokunun.

  7. Favicon görseli bölümünde Görsel seç'e dokunun ve ardından yeni veya mevcut bir görsel ekleyin:

    • Shopify yöneticinize daha önce yüklediğiniz bir görseli seçmek için görseli arayabilir veya bulabilir, ardından onay kutusunu kullanarak seçebilirsiniz.
    • Yerel cihazınızdan bir görsel seçmek için Görsel ekle'ye dokunun, yerel cihazınızdan görseli açın ve ardından onay kutusunu kullanarak seçin.

  8. Bitti'ye dokunun.

  9. Favicon görselinize alternatif metin ekleyin:

    1. Favicon görseli bölümünde Düzenle'ye dokunun.
    2. Alternatif metin alanına görselin kısa bir açıklamasını girin.
    3. Kaydet'e veya ✓ simgesine dokunun.

  10. Kaydet'e veya ✓ simgesine dokunun.

Renkler

Tema ayarlarınızda farklı renk şemaları tanımlayabilir ve renk şeması seçiciyi kullanarak bu şemaları online mağazanızdaki farklı bölümlere uygulayabilirsiniz. Renk şeması, bir renk kümesidir. Temanızda, tema düzenleyicisinde dilediğiniz zaman değiştirebileceğiniz bir dizi varsayılan renk şeması uygulanmıştır. Renk paletinizin online mağazanızda bütünsel bir şekilde uygulanmasını sağlamak için marka renklerinizi ekleyebilirsiniz.

Web siteniz genelinde online mağaza tasarımınızın tutarlı olması için şablonların ayrı renk ayarları yoktur. Şablon, bir mağazanın ana sayfası veya ana içeriği olarak kabul edilir. Mağazanızın genelinde farklı renk şemalarının olması, kötü bir kullanıcı deneyimine yol açabilir ve müşterilerin ürün satın almadan mağazanızdan ayrılmasına neden olabilir.

21 adede kadar benzersiz renk şeması oluşturup özelleştirebilir ve bunları online mağazanızdaki farklı bölümlere uygulayabilirsiniz.

Renk şemaları

Renk şemaları; öğeleri ve bu öğelerin renklerini, görsel olarak temsili bir şekilde gruplandıran bir tema ayarıdır. Renk şeması seçicisinin kullanılabildiği yerlerde temanıza uygulanabilecek bütünsel bir renk şemasındaki çeşitli öğelere farklı renkler atayabilirsiniz. 21 adede kadar renk şemanız olabilir. Renklerinizin, şemanın önizlemesinde nasıl görüntülendiğini de görebilirsiniz.

Tema düzenleyicisinde renk şemalarına uygulayabileceğiniz farklı ayarların listesi.
AyarAçıklama
Arka planRenk, bazı bölümlerin arka planına ve dış çizgili düğmenin arka planına uygulanır.
Arka plan gradyanıBazı bölümlerin arka planına renk gradyanı uygulanır. Arka plan gradyanları, mümkün olduğunda arka planın yerini alır.
MetinRenk, bölüm veya blok metnine uygulanır.
Düz renkli düğme arka planıRenk, birincil düğmenin arka planına uygulanır.
Düz renkli düğme etiketiRenk, birincil düğmenin metnine uygulanır.
Dış çizgili düğmeRenk, ikincil düğmenin metnine ve kenarlığına uygulanır.
GölgeRenk, gölgelere uygulanır.

Renk şemanızı yönetme

Mağazanızın renk şeması ve renk seçenekleri, tema ayarlarınızda belirlenir. Düz renkler için renk seçiciyi kullanarak yeni bir renk seçin veya metin alanına rengin değerini girin. Renk alanı, aşağıdaki renk adlarını ve değerlerini kabul eder:

  • kırmızı, siyah veya mavi gibi renk adları.
  • RGB renk kodları.
  • Onaltılık renk değerleri.

Adımlar:

  1. Shopify yöneticinizden Online Mağaza > Temalar bölümüne gidin.

  2. Özelleştirmek istediğiniz temanın yanındaki Temayı düzenle'ye tıklayın.

  3. ayarlar simgesine ve ardından Renkler'e tıklayın.

  4. Şemalar bölümünde, mevcut bir şemaya tıklayın veya yeni bir renk şeması eklemek için Şema ekle'ye tıklayın.

  5. Değiştirmek istediğiniz içerik türü rengine ait renk numunesine tıklayın.

  6. Renginizi ayarlamak için onaltılık (hex) bir renk kodu girin veya renk seçiciden rengi seçin. Rengi şeffaf olarak ayarlamak için metin alanındaki onaltılık (hex) kodu silin.

  7. Kaydet'e tıklayın.

Renk şemanızı uygulama

Tema ayarlarınızda renk şemanızı tanımladıktan sonra, temanızın bölümlerinde ve bloklarında renk şeması seçiciyi kullanarak bir renk şeması atayabilirsiniz. Renk şeması seçicisi yalnızca belirli bölümlerde, bloklarda ve genel tema ayarlarında kullanılabilir.

Renk şeması seçicisi

Gradyanlar

Bazı temalarda, görsel olarak ilgi çekici arka plan seçenekleri için bir renk gradyanı ayarlayabilirsiniz. color_background ayarı, CSS arka plan özelliğini özelleştirmek için kullanılır.

Gradyan seçiciyi kullanarak gradyanın renklerini, stilini, açısını, konumunu ve opaklığını seçebilirsiniz. Gradyan seçicide belirlenen seçenekler, tema düzenleyicisinde gerçek zamanlı olarak önizlenir. Gradyan arka planı oluşturmak için doğrulama denetleyicisi içeren CSS kodunu da kullanabilirsiniz.

Gradyanları ayarlama

  1. Shopify yöneticinizden Online Mağaza > Temalar bölümüne gidin.

  2. Özelleştirmek istediğiniz temanın yanındaki Temayı düzenle'ye tıklayın.

  3. ayarlar simgesine ve ardından Renkler'e tıklayın.

  4. Şemalar bölümünde, düzenlemek istediğiniz mevcut bir şemaya tıklayın.

  5. Arka plan gradyanı gibi bir gradyan renk numune parçası seçeneğine tıklayın.

  6. Daha önce bir gradyan ayarlamadıysanız seçim yapabileceğiniz bazı ön ayar seçenekleri görüntülenir. Seçenekler panelini açmak için herhangi bir ön ayarlı gradyanı seçin.

  7. Gradyan seçeneklerinizi belirleyin:

  • Doğrusal veya radyal gradyan arasında seçim yapın. Tercih ettiğiniz gradyan stilini seçmek için düğmeleri kullanın.
  • Yukarı ve aşağı oklarla gradyanınızın açısını ayarlayın. Açı yüzdesini 5 artırmak veya azaltmak için yukarı ya da aşağı oka tıklayın.
  • Gradyanınızın Konumunu seçmek için kaydırıcıyı kullanın veya alana sayısal bir değer girin.
  • Belirli bir renk hex kodu girin veya bir ton seçmek için renk kaydırıcısını kullanın. Son seçilen renkler, gradyan seçenekleri panelinin alt kısmında görüntülenir.
  • Gradyanınızı opak yapmak için sağdaki kaydırıcıyı kullanarak gradyanınızın şeffaflığını seçin. Ayrıca, hex renk kodunun yanındaki alana bir yüzde değeri de girebilirsiniz.
  1. Kaydet'e tıklayın.

Tema düzenleyicisindeki gradyan seçici

CSS kullanarak gradyan ayarlama

Çoğu CSS background özellik değeri, bir arka plan rengi ayarlamak için kullanılabilir. Bu alanı düz renkler (örneğin, #000000, black, rgb(0,0,0,0), rgba(0,0,0,0), hsl(0, 0%, 0%) ve hsla(0, 0%, 0%, 1) kodlarının tümü düz siyah bir arka plan oluşturur) veya gradyanlar (örneğin, linear-gradient(red, green), radial-gradient(red, green) veya conic-gradient(red, green)) için kullanabilirsiniz. Gradyanlar ayrıca tekrarlanabilir.

Adımlar:

  1. Shopify yöneticinizden Online Mağaza > Temalar bölümüne gidin.

  2. Özelleştirmek istediğiniz temanın yanındaki Temayı düzenle'ye tıklayın.

  3. ayarlar simgesine ve ardından Renkler'e tıklayın.

  4. Şemalar bölümünde, düzenlemek istediğiniz mevcut bir şemaya tıklayın.

  5. Düzenlemek istediğiniz gradyana tıklayın.

  6. Gradyan'ın yanındaki oka tıklayın ve ardından CSS'i seçin.

  7. CSS kodu alanına gradyan kodunuzu yazın veya yapıştırın. Tema düzenleyicisi önizlemesi, gradyanınızı uygun konumda gösterir.

  8. Kaydet'e tıklayın.

Tema düzenleyicisindeki CSS kodu alanı

Gradyan kaldırma

  1. Shopify yöneticinizden Online Mağaza > Temalar bölümüne gidin.

  2. Özelleştirmek istediğiniz temanın yanındaki Temayı düzenle'ye tıklayın.

  3. ayarlar simgesine ve ardından Renkler'e tıklayın.

  4. Şemalar bölümünde, düzenlemek istediğiniz mevcut bir şemaya tıklayın.

  5. Kaldırmak istediğiniz gradyana tıklayın.

  6. Gradyanı kaldır'a tıklayın.

  7. Kaydet'e tıklayın.

Tipografi

Online mağazanızdaki metinlerin yazı tipi stilini ve boyutunu ayarlayabilirsiniz. Bir sistem yazı tipi seçebilir veya özel bir yazı tipi ekleyebilirsiniz. Temanızda kullanılabilen yazı tipleri, temanızın geliştiricisine bağlıdır. Tüm ücretsiz Shopify temaları, Shopify'ın yazı tipi kitaplığındaki yazı tiplerini kullanır.

Sistem yazı tipleri kullanıcının bilgisayarında zaten yüklü olduğundan mağazanızda sistem yazı tiplerini kullanmayı düşünebilirsiniz. Sistem yazı tiplerini kullanmak, müşterinizin bilgisayarına yeni yazı tiplerinin indirilmesini önler. Bu durum, mağazanızın yükleme hızını olumsuz etkileyebilir. Müşterinizin bilgisayarında görüntülenen yazı tipi, müşterinizin işletim sistemine bağlıdır.

Yazı tipi türlerini özelleştirme

Bir kullanılabilir yazı tipleri listesi görmek için Shopify'ın yazı tipi kitaplığına bakın.

Adımlar:

Masaüstü

  1. Shopify yöneticinizden Online Mağaza > Temalar bölümüne gidin.

  2. Düzenlemek istediğiniz temayı bulun ve ardından Temayı düzenle'ye tıklayın.

  3. Tema ayarları ayarlar simgesine tıklayın.

  4. Tipografi'ye tıklayın.

  5. Mağazanızın başlıklarının veya gövde metninin yazı tipi türünü değiştirmek için Başlıklar ya da Gövde bölümündeki Değiştir'e tıklayın.

  6. Kullanmak istediğiniz yazı tipinin adına tıklayın ve ardından Seç'e tıklayın.

  7. Kaydet'e tıklayın.

Mobil

  1. Shopify uygulamasından, Menü simgesine dokunun.

  2. Satış kanalları bölümünde Online Mağaza'ya dokunun.

  3. Tüm temaları yönet'e dokunun.

  4. Düzenlemek istediğiniz temayı bulun ve ardından Temayı düzenle'ye dokunun.

  5. … veya ⋮ simgesine ve ardından Tema ayarları'na dokunun.

  6. Tipografi'ye dokunun.

  7. Mağazanızın başlıklarının veya gövde metninin yazı tipi türünü değiştirmek için Başlıklar ya da Gövde bölümündeki Değiştir'e dokunun.

  8. Kullanmak istediğiniz yazı tipinin adına dokunun ve ardından Bitti'ye dokunun.

  9. Kaydet'e veya ✓ simgesine dokunun.

Yazı tipi boyutlarını özelleştirme

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

Minimum yazı tipi boyutu %100, maksimum yazı tipi boyutu ise %150'dir. Ölçekteki her artış, yazı tipi boyutunu %5 artırır. Varsayılan ayar %100'dür.

Adımlar:

Masaüstü

  1. Shopify yöneticinizden Online Mağaza > Temalar bölümüne gidin.

  2. Düzenlemek istediğiniz temayı bulun ve ardından Temayı düzenle'ye tıklayın.

  3. Tema ayarları ayarlar simgesine tıklayın.

  4. Tipografi'ye tıklayın.

  5. Başlıklar metninin varsayılan yazı tipi boyutunu değiştirmek için Yazı tipi boyutu ölçeği aralık kaydırıcısını kullanın.

  6. Gövde metninin varsayılan yazı tipi boyutunu değiştirmek için Yazı tipi boyutu ölçeği aralık kaydırıcısını kullanın.

  7. Kaydet'e tıklayın.

Mobil

  1. Shopify uygulamasından, Menü simgesine dokunun.

  2. Satış kanalları bölümünde Online Mağaza'ya dokunun.

  3. Tüm temaları yönet'e dokunun.

  4. Düzenlemek istediğiniz temayı bulun ve ardından Temayı düzenle'ye dokunun.

  5. … veya ⋮ simgesine ve ardından Tema ayarları'na dokunun.

  6. Tipografi'ye dokunun.

  7. Başlıklar metninin varsayılan yazı tipi boyutunu değiştirmek için Yazı tipi boyutu ölçeği aralık kaydırıcısını kullanın.

  8. Gövde metninin varsayılan yazı tipi boyutunu değiştirmek için Yazı tipi boyutu ölçeği aralık kaydırıcısını kullanın.

  9. Kaydet'e veya ✓ simgesine dokunun.

Düzen

Online mağazanızın görüntüleneceği maksimum genişliği ayarlayabilir, bölümler arasındaki dikey ve yatay boşluğu belirleyebilirsiniz.

Adımlar:

Masaüstü

  1. Shopify yöneticinizden Online Mağaza > Temalar bölümüne gidin.

  2. Düzenlemek istediğiniz temayı bulun ve ardından Temayı düzenle'ye tıklayın.

  3. Tema ayarları ayarlar simgesine tıklayın.

  4. Düzen'e tıklayın.

  5. 1000 piksel ile 1600 piksel arasında bir sayfa genişliği seçmek için Sayfa genişliği aralık kaydırıcısını kullanın. Varsayılan ayar 1600 pikseldir.

  6. İsteğe bağlı: Sayfalarınızdaki şablon bölümleri arasına dikey boşluk eklemek için aralık kaydırıcısını kullanın. Bölümler arasına en fazla 100 piksel ekleyebilirsiniz.

  7. İsteğe bağlı: Bir Izgara düzeniniz varsa sayfalarınızdaki ızgara içeriği arasına boşluk eklemek için Yatay boşluk ve Dikey boşluk aralık kaydırıcılarını kullanın. Yatay boşluk eklemek, sayfalarınızdaki içerik satırlarına en fazla 40 piksel boşluk eklerken dikey boşluk eklemek, sayfalarınızdaki içerik sütunlarına en fazla 40 piksel boşluk ekler.

  8. Kaydet'e tıklayın.

Mobil

  1. Shopify uygulamasından, Menü simgesine dokunun.

  2. Satış kanalları bölümünde Online Mağaza'ya dokunun.

  3. Tüm temaları yönet'e dokunun.

  4. Düzenlemek istediğiniz temayı bulun ve ardından Temayı düzenle'ye dokunun.

  5. … veya ⋮ simgesine ve ardından Tema ayarları'na dokunun.

  6. Düzen'e dokunun.

  7. 1000 piksel ile 1600 piksel arasında bir sayfa genişliği seçmek için Sayfa genişliği aralık kaydırıcısını kullanın. Varsayılan ayar 1600 pikseldir.

  8. İsteğe bağlı: Sayfalarınızdaki şablon bölümleri arasına dikey boşluk eklemek için aralık kaydırıcısını kullanın. Bölümler arasına en fazla 100 piksel ekleyebilirsiniz.

  9. İsteğe bağlı: Bir Izgara düzeniniz varsa sayfalarınızdaki ızgara içeriği arasına boşluk eklemek için Yatay boşluk ve Dikey boşluk aralık kaydırıcılarını kullanın. Yatay boşluk eklemek, sayfalarınızdaki içerik satırlarına en fazla 40 piksel boşluk eklerken dikey boşluk eklemek, sayfalarınızdaki içerik sütunlarına en fazla 40 piksel boşluk ekler.

  10. Kaydet'e veya ✓ simgesine dokunun.

Animasyonlar

Animasyonlar, online mağazanıza hareket ve görsel ilgi katmanızı sağlar. Kaydırma sırasında mağazanızın bölümlerini ortaya çıkaran bir belirme animasyonunu ve kartlarınız ile düğmeleriniz için bir üzerine gelme efektini etkinleştirebilirsiniz.

Adımlar:

Masaüstü

  1. Shopify yöneticinizden Online Mağaza > Temalar bölümüne gidin.

  2. Düzenlemek istediğiniz temayı bulun ve ardından Temayı düzenle'ye tıklayın.

  3. Tema ayarları ayarlar simgesine tıklayın.

  4. Animasyonlar'a tıklayın.

  5. İsteğe bağlı: Online mağazanızın bölümlerini kaydırma sırasında ortaya çıkaran bir animasyonu etkinleştirmek için Kaydırırken bölümleri göster'i seçin.

  6. İsteğe bağlı: Kartlarınıza ve düğmelerinize bir üzerine gelme efekti animasyonu eklemek için Üzerine gelme efekti ayarından aşağıdaki seçeneklerden birini seçin:

    • Dikey kaldırma: Müşteri bir kartın veya düğmenin üzerine geldiğinde, öğe yukarı doğru kayar.
    • 3D kaldırma: Müşteri bir kartın veya düğmenin üzerine geldiğinde, öğe öne doğru kayarak 3D efekti verir. Bu efekt ayrıca öğenin üzerinde hareket eden hafif bir parlaklığa sahiptir ve başka bir boyut katmanı oluşturur.

  7. Kaydet'e tıklayın.

Mobil

  1. Shopify uygulamasından, Menü simgesine dokunun.

  2. Satış kanalları bölümünde Online Mağaza'ya dokunun.

  3. Tüm temaları yönet'e dokunun.

  4. Düzenlemek istediğiniz temayı bulun ve ardından Temayı düzenle'ye dokunun.

  5. … veya ⋮ simgesine ve ardından Tema ayarları'na dokunun.

  6. Animasyonlar'a dokunun.

  7. İsteğe bağlı: Online mağazanızın bölümlerini kaydırma sırasında ortaya çıkaran bir animasyonu etkinleştirmek için Kaydırırken bölümleri göster'i seçin.

  8. İsteğe bağlı: Kartlarınıza ve düğmelerinize bir üzerine gelme efekti animasyonu eklemek için Üzerine gelme efekti ayarından aşağıdaki seçeneklerden birini seçin:

    • Dikey kaldırma: Müşteri bir kartın veya düğmenin üzerine geldiğinde, öğe yukarı doğru kayar.
    • 3D kaldırma: Müşteri bir kartın veya düğmenin üzerine geldiğinde, öğe öne doğru kayarak 3D efekti verir. Bu efekt ayrıca öğenin üzerinde hareket eden hafif bir parlaklığa sahiptir ve başka bir boyut katmanı oluşturur.

  9. Kaydet'e veya ✓ simgesine dokunun.

Görsel öğe özelleştirme ayarları

Düğmeler, ürün kartları ve varyasyonlar gibi temanızın öğelerinin görünümünü Tema ayarları sayfasından ayarlayabilirsiniz. Her seçenek, ilgili öğeye yönelik ayarları içerir.

Temanızın aşağıdaki öğeleri için ayarları düzenleyebilirsiniz:

  • Düğmeler: Düğmeler; slayt gösterisi veya metin içeren görsel gibi bölümlerdeki harekete geçirici mesaj düğmelerinin yanı sıra iletişim formundaki, ürün sayfalarınızdaki ve sepet sayfalarınızdaki düğmeleri içerir.
  • Varyasyon seçenekleri: Varyasyon seçenekleri, bir ürünün varyasyonlarını ürün sayfasında veya öne çıkan ürün bölümünde görüntülemenizi sağlar. Müşteriler, ürün sayfalarını değiştirmelerine gerek kalmadan ürünü sepetlerine eklemek için istedikleri varyasyonu seçebilirler. Varyasyon seçeneklerinizin online mağazanızda nasıl görüntüleneceğini özelleştirebilirsiniz.
  • Giriş alanları: Giriş alanları; adet seçici, e-posta kayıt formu veya sepet notları gibi müşteri girişi gerektiren etkileşimli alanlardır. Online mağazanızdaki giriş alanlarının görünümünü ayarlayabilirsiniz.
  • Ürün kartları, koleksiyon kartları ve blog kartları ayarları, sayfa bölümlerinde görüntülendiklerinde her bir kart türünün stilini özelleştirmenize olanak tanır.
    • Ürün kartları: Ürün kartları; koleksiyon şablonları, koleksiyon bölümleri ve arama sonuçları gibi temanızın birden fazla ürünü listeleyen alanlarında ürünlerinizle ilgili bilgileri görüntüler.
    • Koleksiyon kartları: Koleksiyon kartları, koleksiyon listesi şablonu veya bölümü gibi temanızın koleksiyonları listeleyen alanlarında koleksiyonlarınızla ilgili bilgileri görüntüler.
    • Blog kartları: Blog kartları; blog şablonları, blog bölümleri ve arama sonuçları gibi temanızın birden fazla ürünü listeleyen alanlarında blog gönderilerinizle ilgili bilgileri görüntüler.
  • İçerik konteynerleri: Konteynerler; slayt gösterisindeki metin kutusu, görsel banner veya çok sütunlu bölümlerdeki sütunlar gibi içerik bölümlerinin metin öğeleri için kullanılır. Online mağazanızdaki içerik konteynerlerinin görünümünü özelleştirebilirsiniz.
  • Medya: Medya, ürün medyası veya Metin içeren görsel bölümündeki bir görsel gibi bölümlerin görsel bileşenidir. Medyanıza kenarlıklar ve gölgeler ekleyebilirsiniz.
  • Açılır menüler ve pop-up'lar: Online mağazanızdaki açılır menülerin, pop-up modlarının ve sepet pop-up'larının görünümünü ayarlayabilirsiniz.
  • Çekmeceler: Çekmeceler, daraltılabilir menüler veya koleksiyon filtresi seçenekleri gibi, dokunulduğunda ya da tıklandığında görüntülenen gizli ve etkileşimli konteynerlerdir. Online mağazanızdaki çekmecelerin kenarlığını ve gölgesini özelleştirebilirsiniz.
  • Rozetler: Fiyatı düşürdüğünüzde veya envanter sayısı 0'a ulaştığında ürün görsellerinize otomatik olarak İndirim ve Tükendi rozetleri eklenir. Tema ayarlarınızda İndirim ve Tükendi rozetlerinizin konumunu, şeklini ve rengini ayrı ayrı ayarlayabilirsiniz. Sayfa ve Blog rozetleri, ilgili arama sonuçlarında görüntülenir. Bu rozetlerin konumunu ve şeklini özelleştirebilirsiniz ancak Sayfa ve Blog rozetlerinin rengini değiştiremezsiniz.
  • Marka bilgileri: Online mağazanıza markanızla ilgili bilgiler ekleyebilirsiniz. Aşağıdaki adımları tamamladıktan sonra Marka bilgileri bloğunu online mağazanızın altbilgisine ekleyebilirsiniz.

Adımlar:

Masaüstü

  1. Shopify yöneticinizden Online Mağaza > Temalar bölümüne gidin.

  2. Düzenlemek istediğiniz temanın yanındaki Temayı düzenle seçeneğine tıklayın.

  3. ayarlar simgesine tıklayın.

  4. Ayarları açmak için bir öğeye tıklayın.

  5. Mevcut ayarlardan herhangi birini düzenleyin. Önizleme penceresinde temanızın farklı alanlarına giderek değişiklikleri inceleyebilirsiniz.

  6. Kaydet'e tıklayın.

Mobil

  1. Shopify uygulamasından, Menü simgesine dokunun.

  2. Satış kanalları bölümünde Online Mağaza'ya dokunun.

  3. Düzenlemek istediğiniz temanın yanındaki Temayı düzenle seçeneğine dokunun.

  4. ayarlar simgesine dokunun.

  5. Ayarları açmak için bir öğeye dokunun.

  6. Mevcut ayarlardan herhangi birini düzenleyin. Önizleme penceresinde temanızın farklı alanlarına giderek değişiklikleri inceleyebilirsiniz.

  7. Kaydet'e veya ✓ simgesine dokunun.

Sosyal medya

Online mağazanızın altbilgisinde görüntülenen sosyal medya hesaplarınıza bağlantılar ekleyebilirsiniz.

Adımlar:

Masaüstü

  1. Shopify yöneticinizden Online Mağaza > Temalar bölümüne gidin.

  2. Düzenlemek istediğiniz temayı bulun ve ardından Temayı düzenle'ye tıklayın.

  3. Tema ayarları ayarlar simgesine tıklayın.

  4. Sosyal medya'ya tıklayın.

  5. Sosyal medya hesaplarınıza bağlantı eklemek için ilgili Sosyal medya hesapları alanlarına hesaplarınızın web sitesi adreslerini girin. https://instagram.com/shopify veya https://tiktok.com/@shopify gibi tam bağlantıları girmeniz gerekir.

  6. Kaydet'e tıklayın.

Mobil

  1. Shopify uygulamasından, Menü simgesine dokunun.

  2. Satış kanalları bölümünde Online Mağaza'ya dokunun.

  3. Tüm temaları yönet'e dokunun.

  4. Düzenlemek istediğiniz temayı bulun ve ardından Temayı düzenle'ye dokunun.

  5. … veya ⋮ simgesine ve ardından Tema ayarları'na dokunun.

  6. Sosyal medya'ya dokunun.

  7. Sosyal medya hesaplarınıza bağlantı eklemek için ilgili Sosyal medya hesapları alanlarına hesaplarınızın web sitesi adreslerini girin. https://instagram.com/shopify veya https://tiktok.com/@shopify gibi tam bağlantıları girmeniz gerekir.

  8. Kaydet'e veya ✓ simgesine dokunun.

Arama davranışı

Online mağazanız, müşteriler arama alanına yazmaya başladığında öneriler gösteren tahmini arama özelliğini içerir. Arama önerileri, müşterilerin arama sorgularını ifade etmesine ve hassaslaştırmasına yardımcı olabilir ve online mağazanızı keşfetmeleri için yeni yollar sunabilir. Arama önerileri aynı zamanda müşterilerin, ayrı bir arama sonuçları listesini görüntülemek için mevcut sayfalarından ayrılmak zorunda kalmadan eşleşmelere hızlıca göz atmalarına da olanak tanır.

Arama önerilerinin nasıl çalıştığı hakkında daha fazla bilgi edinmek için Tahmini arama konusuna bakın.

Arama önerilerinin müşterilerinize nasıl gösterileceğini özelleştirebilirsiniz.

Adımlar:

Masaüstü

  1. Shopify yöneticinizden Online Mağaza > Temalar bölümüne gidin.

  2. Düzenlemek istediğiniz temayı bulun ve ardından Temayı düzenle'ye tıklayın.

  3. Tema ayarları ayarlar simgesine tıklayın.

  4. Arama davranışı'na tıklayın.

  5. Arama önerilerini etkinleştirmek veya devre dışı bırakmak için Arama önerilerini etkinleştir'i seçin ya da seçimini kaldırın.

  6. İsteğe bağlı: Arama önerilerinde ürün satıcısını göstermek veya gizlemek için Ürün satıcısını göster'i seçin ya da seçimini kaldırın.

  7. İsteğe bağlı: Arama önerilerinde ürün fiyatını göstermek veya gizlemek için Ürün fiyatını göster'i seçin ya da seçimini kaldırın.

  8. Kaydet'e tıklayın.

Mobil

  1. Shopify uygulamasından, Menü simgesine dokunun.

  2. Satış kanalları bölümünde Online Mağaza'ya dokunun.

  3. Tüm temaları yönet'e dokunun.

  4. Düzenlemek istediğiniz temayı bulun ve ardından Temayı düzenle'ye dokunun.

  5. … veya ⋮ simgesine ve ardından Tema ayarları'na dokunun.

  6. Arama davranışı'na dokunun.

  7. Arama önerilerini etkinleştirmek veya devre dışı bırakmak için Arama önerilerini etkinleştir'i seçin ya da seçimini kaldırın.

  8. İsteğe bağlı: Arama önerilerinde ürün satıcısını göstermek veya gizlemek için Ürün satıcısını göster'i seçin ya da seçimini kaldırın.

  9. İsteğe bağlı: Arama önerilerinde ürün fiyatını göstermek veya gizlemek için Ürün fiyatını göster'i seçin ya da seçimini kaldırın.

  10. Kaydet'e veya ✓ simgesine dokunun.

Para birimi biçimi

Ürünlerinizdeki fiyatlarla birlikte para birimi kodunun görüntülenmesini seçebilirsiniz.

Adımlar:

Masaüstü

  1. Shopify yöneticinizden Online Mağaza > Temalar bölümüne gidin.

  2. Düzenlemek istediğiniz temayı bulun ve ardından Temayı düzenle'ye tıklayın.

  3. Tema ayarları ayarlar simgesine tıklayın.

  4. Para birimi biçimi'ne tıklayın.

  5. Para birimi kodlarını görüntülemek için Para birimi kodlarını göster'i seçin.

  6. Kaydet'e tıklayın.

Mobil

  1. Shopify uygulamasından, Menü simgesine dokunun.

  2. Satış kanalları bölümünde Online Mağaza'ya dokunun.

  3. Tüm temaları yönet'e dokunun.

  4. Düzenlemek istediğiniz temayı bulun ve ardından Temayı düzenle'ye dokunun.

  5. … veya ⋮ simgesine ve ardından Tema ayarları'na dokunun.

  6. Para birimi biçimi'ne dokunun.

  7. Para birimi kodlarını görüntülemek için Para birimi kodlarını göster'i seçin.

  8. Kaydet'e veya ✓ simgesine dokunun.

Sepet

Online mağazanızdaki sepetin stilini değiştirebilirsiniz. Bir müşteri mağazanızdan sepetine bir ürün eklediğinde sepet; çekmece, sayfa veya pop-up bildirimi olarak görüntülenebilir. Müşteriyi ürün sayfasında tutmak için çekmece veya pop-up bildirimi seçeneğini kullanın. Müşteriyi sepet sayfasına yönlendirmek için sayfa seçeneğini kullanın. Müşterinin sepeti boş olduğunda sepet çekmecesinde öne çıkan bir koleksiyon görüntüleyebilirsiniz.

Adımlar:

Masaüstü

  1. Shopify yöneticinizden Online Mağaza > Temalar bölümüne gidin.

  2. Düzenlemek istediğiniz temayı bulun ve ardından Temayı düzenle'ye tıklayın.

  3. Tema ayarları ayarlar simgesine tıklayın.

  4. Sepet'e tıklayın.

  5. Sepet türü açılır menüsünü kullanarak Çekmece, Sayfa veya Pop-up bildirimi sepet stilini seçin.

  6. İsteğe bağlı: Bir müşterinin sepetindeki ürünlerin satıcılarını görüntülemek için Satıcıyı göster'i seçin.

  7. İsteğe bağlı: Müşterilere özel taleplerini girebilecekleri veya ek sipariş bilgileri ekleyebilecekleri bir metin kutusu sağlamak için Sepet notunu etkinleştir'i seçin.

  8. İsteğe bağlı: Sepet türünüz olarak Çekmece'yi seçerseniz sepet çekmecesi boş olduğunda bir koleksiyon görüntüleyebilirsiniz:

    1. Sepet çekmecesi alanında Koleksiyon seç'e tıklayın.
    2. Görüntülemek istediğiniz koleksiyonun adına ve ardından Seç'e tıklayın.

  9. İsteğe bağlı: Sepet türünüz olarak Çekmece'yi seçerseniz aşağıdaki adımları izleyerek sepet çekmecenizin renk şemasını değiştirebilirsiniz:

    1. Sepet çekmecesi > Renk şeması alanında, Değiştir'e tıklayın.
    2. Sepet çekmeceniz için kullanmak istediğiniz bir renk şeması seçin.

  10. Kaydet'e tıklayın.

Mobil

  1. Shopify uygulamasından, Menü simgesine dokunun.

  2. Satış kanalları bölümünde Online Mağaza'ya dokunun.

  3. Tüm temaları yönet'e dokunun.

  4. Düzenlemek istediğiniz temayı bulun ve ardından Temayı düzenle'ye dokunun.

  5. … veya ⋮ simgesine ve ardından Tema ayarları'na dokunun.

  6. Sepet'e dokunun.

  7. Çekmece, Sayfa veya Pop-up bildirimi seçeneklerinden Sepet türünüzü seçin.

  8. İsteğe bağlı: Bir müşterinin sepetindeki ürünlerin satıcılarını görüntülemek için Satıcıyı göster'i seçin.

  9. İsteğe bağlı: Müşterilere özel taleplerini girebilecekleri veya ek sipariş bilgileri ekleyebilecekleri bir metin kutusu sağlamak için Sepet notunu etkinleştir'i seçin.

  10. İsteğe bağlı: Sepet türünüz olarak Çekmece'yi seçerseniz sepet çekmecesi boş olduğunda bir koleksiyon görüntüleyebilirsiniz:

    1. Sepet çekmecesi alanında, Koleksiyon seç'e dokunun.
    2. Görüntülemek istediğiniz koleksiyonun adına dokunun ve ardından Bitti'ye dokunun.

  11. İsteğe bağlı: Sepet türünüz olarak Çekmece'yi seçerseniz aşağıdaki adımları izleyerek sepet çekmecenizin renk şemasını değiştirebilirsiniz:

    1. Sepet çekmecesi > Renk şeması alanında, Değiştir'e dokunun.
    2. Sepet çekmeceniz için kullanmak istediğiniz bir renk şeması seçin ve ardından Bitti'ye dokunun.

  12. Kaydet'e veya ✓ simgesine dokunun.

Özel CSS

Özel CSS bölümü, örneğin online mağazanızın düğmelerinin görünümünü mevcut varsayılan ayarların ötesinde özelleştirmek veya belirli metin öğelerine benzersiz bir stil uygulamak için kendi CSS kodunuzu girmenize olanak tanır.

Tema ayarlarınızdaki Özel CSS, ödemeniz hariç online mağazanızdaki tüm sayfaları etkiler.

Temanıza özel CSS ekleme hakkında daha fazla bilgi edinin.

Tema stili

Tema stili, bir tema tasarımcısı tarafından seçilen bir ayarlar koleksiyonudur. Mağazanıza şık bir genel görünüm kazandırmak için bir tema stili uygulayabilirsiniz. Tüm temalarda varsayılan olarak bir tema stili uygulanır. Sahip olduğunuz diğer tema stili seçenekleri, kullandığınız temaya bağlıdır.

Bir temayı özelleştirdiğinizde, tema stili ayarlarını kendi ayarlarınızla değiştirirsiniz. Temanıza bir tema stili uyguladığınızda renkler ve tipografi gibi mevcut ayarlarınızı değiştirirsiniz.

Adımlar:

Masaüstü

  1. Shopify yöneticinizden Online Mağaza > Temalar bölümüne gidin.

  2. Düzenlemek istediğiniz temayı bulun ve ardından Temayı düzenle'ye tıklayın.

  3. Tema ayarları ayarlar simgesine tıklayın.

  4. Tema stili'ne tıklayın.

  5. Kullanmak istediğiniz tema stilini seçin ve ardından Stili değiştir'e tıklayın.

  6. Kaydet'e tıklayın.

Mobil

  1. Shopify uygulamasından, Menü simgesine dokunun.

  2. Satış kanalları bölümünde Online Mağaza'ya dokunun.

  3. Tüm temaları yönet'e dokunun.

  4. Düzenlemek istediğiniz temayı bulun ve ardından Temayı düzenle'ye dokunun.

  5. … veya ⋮ simgesine ve ardından Tema ayarları'na dokunun.

  6. Tema stili'ne dokunun.

  7. Kullanmak istediğiniz tema stilini seçin ve ardından Bitti'ye dokunun.

  8. Kaydet'e veya ✓ simgesine dokunun.