Supply için ipuçları

Bu makalede online mağazanız için Supply temasını ayarlamanıza yardımcı olabilecek bazı faydalı ipuçları ve en iyi uygulamalar verilmektedir.

Görsel ipuçları

Supply için en iyi ürün görseli türleri

Yüksek çözünürlüklü fotoğraflar, Supply'da daha şık ve profesyonel görünür. Bu nedenle, görsellerin en az 1024 piksel genişliğinde ve 1024 piksel yüksekliğinde olması gerekir. Görsellerin ölçeği gerektiğinde otomatik olarak düşürülür.

Tema düzenleyicisi görünümündeki bir ürün sayfasını açarak ve ardından Bölümler sekmesindeki Ürün'e tıklayarak etkinleştirebileceğiniz Enable image zoom (Görsel yakınlaştırmayı etkinleştir) seçeneğini işaretlerseniz yüksek çözünürlüklü fotoğraflar özellikle önem kazanır.

Ürün fotoğraflarınız için optimum genişlik-yükseklik oranı karedir.

Üstbilgiyi küçültme

Sayfanızın üst bölümünü kısaltmak için kullanabileceğiniz birkaç yöntem vardır.

Logonuz çok büyükse tema ayarlarınızda logonun maksimum genişliğini düzenleyerek boyutunu küçültebilirsiniz. Shopify, logonuzu küçültürken oranları koruduğundan logonuzun genişliğini azalttığınızda yüksekliği de azalır. Tema düzenleyicisini kullanarak Üstbilgi bölümünde Custom logo width (Özel logo genişliği) değerini düzenleyin. Varsayılan piksel değeri 305'tir. Logonuzun boyutunu küçültmek ve dolayısıyla üstbilginizin yüksekliğini azaltmak için daha küçük bir piksel değeri kullanın.

Logonuz, kendi üstündeki ve altındaki boşluğa eklenen görünmez veya beyaz pikseller de içerebilir. Bu pikselleri logo görselinizden kırpmak için Photoshop gibi bir program kullanabilirsiniz. Logonuz kırpıldıktan sonra tema düzenleyicisini kullanarak tekrar yükleyin. Logo görselinizdeki boşluğun kırpılması, üstbilginizin yüksekliğini büyük ölçüde azaltabilir.

Slayt gösterisini küçültme

Genişliği, yüksekliğinden daha fazla olan yatay görselleri kullanın.

Tema düzenleyicisi, 1000 piksel genişliğinde ve 500 piksel yüksekliğinde görseller yüklemenizi önerse de daha küçük görseller kullanabilirsiniz. Daha geniş ekranlarda slaytlarınızın solunda ve sağında boşluk olmaması için 1000 piksel genişlik önerilir. Genişliği daha az olan görseller, slayt gösterinizde ortalanır:

Gezinme ipuçları

Aşağıdaki ipuçları, Supply kullanılırken mağazanızın gezinme bölümünü iyileştirmenize yardımcı olabilir.

Açılır menü ekleme

Ana Menünüze açılır menüler eklemek için Gezinme sayfanızda menüler oluşturmanız gerekir.

Ana Menü için en iyi uygulamalar

Ana Menünüzde tek bir satıra sığamayacak kadar çok sayıda ürün varsa sığmayan son bağlantılar "More" (Diğer) adında bir açılır menüye eklenir.

Bu davranış, Ana Menünüzdeki bağlantıların sayısına katı bir şekilde bağlı olmasa da bu sayıyı beş veya altı olarak tutmak faydalıdır. Daha fazla bağlantı eklemek için şu işlemleri gerçekleştirebilirsiniz:

  • Tema ayarları sekmesindeki Tipografi bölümünde Main menu font size (Ana menü yazı tipi boyutu) ayarınızı düşürerek gezinme bağlantılarınızı küçültebilirsiniz.
  • Her bir bağlantı için daha az karakter kullanın. Örneğin, "Sıkça Sorulan Sorular" yerine "SSS", "Bizimle İletişime Geçin" yerine "İletişim", "Katalog" yerine "Liste" diyebilir, tüm "ve" sözcüklerini "&" ile değiştirebilirsiniz.

Gezinme bölümünüzde çok fazla öğe olması sitenizin kullanımını zorlaştırabilir. Çok fazla menü öğesi olduğunda müşterileriniz önemli öğeleri yanlışlıkla atlayabilir. Gezinme bölümünüzü beş veya altı öğeyle sınırlamayı deneyin. Altıdan fazla sayfaya erişim vermek istiyorsanız açılır menüleri kullanın.

Ana Menüden her koleksiyona bağlantı eklemek, sıklıkla yapılan bir hatadır. Bunun yerine, koleksiyonları bir "Liste" veya "Katalog" bağlantısı altındaki bir açılır menüde listelemeyi deneyin. Koleksiyonları gruplara ayırarak her bir gruba bir açılır menü de verebilirsiniz. Alternatif olarak, alt ürün kategorileri oluşturmak için ürün etiketlerini kullanabilirsiniz.

Kenar çubuğunu kaldırma

Mağazanızdan kenar çubuğunu kaldırmak için tema dosyalarınızın ikisine kod eklemeniz gerekir.

  1. Bölümler dizininde collection-template.liquid öğesine tıklayın.

  2. Dosyada has_sidebar ifadesini bulun. Aşağıdaki kod satırlarını silin:

{% if collection.all_tags.size > 0 %}
  {% assign has_sidebar = true %}
{% endif %}
  1. Kaydet'e tıklayın.

  2. Bölümler dizininde collection-list-template.liquid öğesine tıklayın.

  3. Dosyada has_sidebar ifadesini bulun. Aşağıdaki kod satırlarını silin:

{% if collection.all_tags.size > 0 %}
  {% assign has_sidebar = true %}
{% endif %}
  1. Kaydet'e tıklayın.

Ürün ipuçları

Aşağıdaki ipuçları, Supply kullanarak ürünlerinizi sergilemenize yardımcı olur.

Gelişmiş grup filtrelemesi kullanma

Çok fazla ürününüz varsa müşterilerinizin ürünlerinizi sıralamasına yardımcı olmak için alt grupları etkinleştirebilirsiniz:

  1. Gruplarınızı tanımlayın. Yukarıdaki görselde gruplar şunlardır: Brand (Marka), Focal Length (Odak Uzunluğu) ve Resolution (Çözünürlük).

  2. Tüm ürünlerinizi bir .csv dosyasına aktarın.

  3. Grup_Etiketi Adı biçimini kullanarak, tüm mevcut etiketlerin başına, ürünlerinizin ait olmasını istediğiniz grubun adını getirin. Bu örnekte bazı etiketler Brand_Canon, Focal Length_18 - 55 mm ve Resolution_12 MP şeklindedir. Alt çizginin sol tarafında grup adı, sağ tarafında ise ürünün etiketi yer alır. Alt çizginin her iki yanına da boşluk eklenebilir.

  4. .csv dosyanızı kaydedin ve ürünleri mağazanıza tekrar aktarın. Yinelenen ürünlerin oluşmasını önlemek için dosyayı yüklerken Aynı tanıtıcıya sahip tüm mevcut ürünleri değiştirin seçeneğini işaretleyin.

  5. Tema düzenleyicisi önizlemesinde bir koleksiyon sayfasını açın. Bölümler sekmesinde, Koleksiyon'a tıklayın ve ardından By group (Gruba göre) seçeneğini işaretleyin.

Not: Ürün etiketlerinizin içinde tek tırnak işaretleri, çift tırnak işaretleri veya "&" işaretleri kullanıyorsanız gruplanan filtreleme, beklendiği şekilde işlev göstermez.

Filtre gruplarını ve etiketleri yeniden sıralama

Gruplar alfabetik olarak sıralandığından etiketler de grupların içinde aynı şekilde sıralanır. Bir Shopify uzmanı, siparişi özelleştirmenize yardımcı olabilir.

Fiyatlandırma ipuçları

Aşağıdaki ipuçları, Supply'ı kullanırken fiyatlandırmayı ayarlamanıza yardımcı olur.

Satış tutarlarının yuvarlanmasını devre dışı bırakma

  1. Sol taraftaki Öğeler bölümünde, tema stil sayfanızı online kod düzenleyicisinde açmak için timber.scss.liquid bağlantısına tıklayın.

  2. Dosyanın alt kısmına şunu ekleyin:

.sale-tag sup {
   display: inline;
   top: 0;
   font-size: 100%;

   &:before {
    content: '.';
   }
 }
  1. Kaydet'e tıklayın.

Sepet ipuçları

Aşağıdaki ipuçları, Supply'a JavaScript eklediğinizde mağazanızın sepetinin düzgün şekilde işlev göstermesini sağlar

Gelişmiş JavaScript'in çalışması için sepet türünü değiştirme

Supply'da cart.liquid öğesine eklediğiniz JavaScript, çekmece veya mod sepetlerinde çalıştırılmaz. Bu, yalnızca mağazanızın URL'sine /cart eklemeniz durumunda çalıştırılır. Örneğin, http://your.store.url/cart.

Aşağıdaki özelliklerden herhangi birini sepet sayfanıza eklemek istiyorsanız sepetinizin türünü "sayfa" olarak ayarlamanız gerekir:

  • kargo ücreti hesaplayıcısı
  • Birden fazla para birimi
  • hediye paketi
  • sepet özellikleri doğrulaması
  • tarih seçici
  • "Şartları kabul ediyorum" onay kutusu

Sepetinizin türünü "sayfa" olarak değiştirmek için:

  1. Tema ayarları'na tıklayın.

  2. Sepet'e tıklayın.

  3. Sepet türü açılır listesinden Sayfa'yı seçin.

  4. Kaydet'e tıklayın.

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

Ücretsiz olarak dene