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ı

Ürün görselleri

Daha yüksek çözünürlüklü fotoğraflar, Supply'da daha parlak ve profesyonel göründüğünden görsellerin en az 1024 genişliğinde ve 1024 piksel yüksekliğinde olması gerekir. Gerektiğinde görseller otomatik olarak küçültülür. Ürün sayfalarınızda görsel yakınlaştırma'yı etkinleştirdiyseniz yüksek çözünürlüklü fotoğraflar özellikle önemlidir.

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

Slayt gösterisini küçültme

Slayt gösterisinin ana sayfanızda daha az dikey alan kaplaması için genişliği uzunluğundan daha fazla olan yatay görselleri kullanmanız gerekir. Daha büyük ekranlarda slaytlarınızın sol ve sağ tarafında boşluk olmaması için 1000 piksel genişliğinde görseller yüklemelisiniz. Daha küçük genişliğe sahip görseller, slayt gösterinizde ortalanır.

Üstbilgi ipuçları

Üstbilginiz çok uzunsa logonuzu ayarlayarak kısaltabilirsiniz. Logonuz çok büyükse maksimum genişliğini ayarlayarak boyutunu küçültebilirsiniz. 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 görsel düzenleme yazılımı kullanabilirsiniz. Logonuz kırpıldıktan sonra tekrar yükleyin. Logo görselinizdeki boşluğun kırpılması, üstbilginizin yüksekliğini büyük ölçüde azaltabilir.

Logonuzun genişliğini ayarlama

  1. Üstbilgi'ye tıklayın.
  2. Custom logo width (in pixels) (Özel logo genişliği (piksel)) alanına yeni genişliği girin. 305 varsayılan piksel değeridir. Logonuzun boyutunu küçültmek ve dolayısıyla üstbilginizin yüksekliğini azaltmak için daha küçük bir piksel değeri kullanın. Logonuzun genişliğini azaltmak, logonuzun oranları korunarak küçüldüğünden yüksekliğini de kısaltır.
  3. Kayıtyap ' a tıklayın.

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:

  • Gezinme bağlantılarınızı küçültün. Bu bağlantıların yazı tipi boyutu, tipografi ayarları'nızdaki Ana menü yazı tipi boyutu bölümü tarafından kontrol edilir.
  • 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ı eklemekten kaçınmalısınız. Bunun yerine, koleksiyonları bir "Mağaza" 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ştir'i seçmeyi unutmayın.

  5. Koleksiyon sayfalarınızda gruba göre filtrelemeyi etkinleştirin:

    1. Shopify yöneticinizden Online Mağaza > Temalar'a gidin.
    2. Supply seçeneğinin yanındaki Özelleştir'e tıklayın.
    3. Sayfanın üst tarafındaki açılır menüden veya Şablonlar menüsünden, Koleksiyon sayfaları'nı seçin.
    4. Koleksiyon bölümüne tıklayın.
    5. Kenar çubuğu ürün filtreleri altında Gruba göre'yi seçin.
    6. Kayıtyap ' a tıklayın.

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 tarafta, Öğeler'in altında timber.scss.liquid seçeneğini açın.

  2. Dosyanın en altına aşağıdaki kodu ekleyin:

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

   &:before {
    content: '.';
   }
 }
  1. Kayıtyap ' a 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.

Sepet sayfanıza aşağıdaki özelliklerden herhangi birini eklemek istiyorsanız sepet türünüzü 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.

Adımlar:

  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. Kayıtyap ' a tıklayın.

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

Ücretsiz olarak dene