Ürün sayfaları

Ürün sayfaları, mağazanızda sattığınız ürünlerle ve müşterilerin ürünleri nereden satın alabilecekleriyle ilgili bilgileri gösterdiğiniz yerdir.

Tema düzenleyicisinde, ürün sayfaları için varsayılan olarak bir Ürün bilgileri bölümü ve bir Alakalı ürünler bölümü buunur.

Ürün bilgileri bölümü

Ürün bilgileri bölümü, ürünlerinizin başlık, açıklama, fiyat ve görseller gibi ayrıntılarını gösterir.

Ürün bilgileri bölümü ayarlar

Ürün bilgileri bölümü ayarları
AyarAçıklama
Masaüstünde sabit içeriği etkinleştirBir sayfayı aşağı kaydırırken tüm görseller kaydırılmadan ürün bilgisi sütunu kaydırılmaya başlamaz.
Renk şemasıBu bölüme uygulayabileceğiniz bir renk kümesi. Renk şemaları hakkında daha fazla bilgi edinin.
Masaüstü medya genişliğiMasaüstü bilgisayarlar için ürün sayfasında ürün medyasının genişliğini ayarlayın. Küçük, Orta ve Büyük seçeneklerinden birini belirleyin.
Medyayı ekran yüksekliğiyle sınırlaBu seçeneği belirlediğinizde, herhangi bir cihazın tarayıcı penceresinin yüksekliğine göre bir maksimum medya yüksekliği ayarlanır.
Medya sığdırmaMedyanın orijinal en-boy oranını korumak için Orijinal'i, medyayı kapsayıcıya sığdırmak için Doldur'u seçin.
Masaüstü düzeni Ürün medyanızın masaüstü bilgisayarlardaki düzenini ayarlayın. Aşağıdaki seçeneklerden birini belirleyin:
  • Üst üste - Ürün medyanızı sayfada dikey olarak, üst üste yığılmış halde gösterir. Üst üste gösterilen bir medya türüne tıkladığınızda, seçilen medyanın daha büyük bir görüntüsünü içeren bir açılır iletişim kutusu görüntülenir.
  • 2 sütun: Ürün medyanızı üst üste yığılmış halde ancak iki sütunda gösterir.
  • Küçük resimler: Bir ürün birden fazla görsele veya diğer medya türlerine sahipse kalan medya içerikleri, ana ürün medyasının altında küçük resim olarak gösterilir. Müşteri, küçük resimlerden birine tıklayarak bunu ana ürün medyası olarak gösterebilir.
  • Küçük resim döngüsü: Bir ürün birden fazla görsele veya diğer medya türlerine sahipse kalan medya içerikleri, ana ürün medyasının altındaki bir döngüde küçük resimler olarak gösterilir. Müşteri, küçük resimlerden birine tıklayarak bunu ana ürün medyası olarak gösterebilir veya diğer medyaların gösterilmesi için döngüdeki gezinme oklarını kullanabilir.
Masaüstü medya konumuMasaüstü bilgisayarlarda ürün medyasının sayfanın sol tarafında mı yoksa sağ tarafında mı gösterileceğini seçin.
Görsel yakınlaştırmaGörselin masaüstünde nasıl yakınlaştırılacağını seçin:
  • Lightbox'ı aç: Müşteri, görselin daha büyük bir versiyonunu görmek için tıklayabilir. Bu, mobil cihazlarda görüntülenen ürün medyası için varsayılan işlevdir.
  • Tıkla ve imleci üzerine getir: Müşteri görüntüyü yakınlaştırmak için tıklayabilir, ardından farklı bölümleri yakınlaştırılmış olarak görmek için imleci bu bölümlerin üzerine getirebilir. Üzerine gelindiğinde yakınlaştırma özelliği, büyütülmüş görüntüye tekrar tıklandığında veya imleç görüntü kapsayıcısının dışına çıktığında devre dışı bırakılır. Bu ayar etkinleştirildiğinde, kullanıcı bir mobil cihaz kullanıyorsa görsel, tıklandığında varsayılan olarak bir mod (lightbox) içinde açılır.
  • Yakınlaştırma yok: Bu seçenek, görselleri yakınlaştırma işlevini devre dışı bırakılır. Yüksek çözünürlüklü olmayan yakınlaştırıldığında iyi görünmeyecek olan görseller için uygundur.
Mobil düzenÜrün medyanızın mobil cihazlardaki düzenini ayarlayın. Aşağıdaki seçeneklerden birini belirleyin:
  • 2 sütun: Diğer ürün medyaları arasında kaydırarak geçiş yapıp görüntülemenizi sağlayan döngü işleviyle iki ürün medyasını yan yana gösterir.
  • Küçük resimleri göster: Alt kısımda kaydırarak geçiş yapılabilen döngü işlevi ile tek bir ana ürün medyasını gösterir.
  • Küçük resimleri gizle: Alt kısımda kaydırarak geçiş yapılabilen ancak küçük resimlerin gösterilmediği döngü işlevi ile tek bir ana ürün medyasını gösterir.
Bir varyasyon seçtikten sonra diğer varyasyonların medyasını gizleBir varyasyon seçildiğinde diğer varyasyonların görselleri görünümden gizlenir. Varyasyon seçimi kaldırıldığında görseller yeniden görünür hale gelir.
Video döngüsünü etkinleştirÜrün medyanızda bulunan tüm videolar için bu ayar videoyu döngü halinde oynatır; yani video bittiğinde otomatik olarak tekrar oynatılır.
Üst dolguBölümün üst kısmındaki boşluk miktarını ayarlayın.
Alt dolguBölümün alt kısmındaki boşluk miktarını ayarlayın.

Ürün bilgileri bölümü ayarlarının yanı sıra ürün rozetleri için bazı Tema Ayarlarını da görüntüleyip kişiselleştirebilir ve kendi bölüme özgü Özel CSS'inizi ekleyebilirsiniz.

Ürün bilgisi blokları

Ürün bilgileri bölümünde aşağıdaki blokları kullanabilirsiniz :

Metin bloku

Metin bloku, statik bir metni veya dinamik kaynakları kullanarak değişken verileri görüntülemek için kullanılabilir. Örneğin, 100 USD'nin üzerindeki siparişlerde ücretsiz kargo gibi bir pazarlama mesajı içeren bir metin ekleyebilir ve bu metni her üründe gösterebilirsiniz. Ayrıca, ürünün Satıcı alanı gibi, görüntülenen ürüne bağlı olarak değişebilen dinamik bir kaynak da ekleyebilirsiniz.

Ürün bilgileri bölümündeki Metin bloku ayarları
AyarAçıklama
MetinÜrün sayfasına ekstra bilgi eklemek için kullanılan bir metin alanı.
Metin stili Metnin stilini değiştirin. Aşağıdaki seçeneklerden birini belirleyin:
  • Gövde: Metni paragraf stili metnine değiştirir.
  • Alt yazı: Metni, paragraf stili metinden biraz daha büyük olan alt yazı metnine değiştirir.
  • Büyük harf: Metni, paragraf stili metinden küçük olacak şekilde değiştirir ve tüm metni büyük harfe dönüştürür.

Başlık bloku

Başlık bloku, görüntülenmekte olan ürünün başlığını gösterir. Bu blokta kişiselleştirilebilir ayar yoktur.

Fiyat bloku

Fiyat bloku, görüntülenmekte olan ürünün, fiyat ve karşılaştırma fiyatı gibi fiyatlandırma bilgilerini gösterir. Bu blokta kişiselleştirilebilir ayar yoktur.

Varyasyon seçici bloku

Varyasyon seçici bloğu, görüntülenmekte olan ürünün tüm varyasyon seçeneklerini gösterir. Varyasyon seçici, yalnızca varyasyon seçeneklerine sahip ürünler için görüntülenir. Bu bloku kaldırırsanız ve varyasyon seçenekleri olan ürünleriniz varsa müşterileriniz, istedikleri varyasyon seçeneğini seçemez veya satın alamaz.

Ürün bilgileri bölümündeki Varyasyon seçici bloku ayarları
AyarAçıklama
Stil Ürün varyasyonlarınızın müşterilere nasıl gösterileceğini seçin. Aşağıdaki seçeneklerden birini belirleyin:
  • Açılır menü: Varyasyon seçeneklerini genişletilebilir bir açılır menüde gösterir. Bunlar, numune parça veya yalnızca metin olarak gösterilebilir.
  • Seçenek kutuları: Varyasyon seçeneklerini, seçilebilir düğmeler olarak gösterir. Bunlar, numune parça veya yalnızca metin olarak gösterilebilir.
Numune parça Renk numunelerinizin müşterilere nasıl gösterileceğini seçin. Aşağıdaki seçeneklerden birini belirleyin:
  • Daire: Renk numunesini, seçilebilir bir daire olarak gösterir.
  • Kare - Renk numunesini, seçilebilir bir kare olarak gösterir.
  • Hiçbiri: Renk numunesi gösterilmez.

Adet seçici bloku

Adet seçici blokunda, müşterilerin satın almak istediği ürünün birim sayısını değiştirmek için kullanabileceği tıklanabilir ve düzenlenebilir bir sayı alanı gösterilir. Bu blokta kişiselleştirilebilir ayar yoktur.

Satın al düğmeleri bloku

Satın Al düğmeleri blokunda, Sepete ekle düğmesini ve varsa Mağazadan teslim bilgileri gösterilir. Ayrıca, mağazanızda bulunan dinamik ödeme düğmelerini de gösterebilir.

Ürün bilgileri bölümündeki Satın al düğmeleri bloku ayarları
AyarAçıklama
Dinamik ödeme düğmelerini göster Ödemeler ayarlarınızda etkinleştirmiş olduğunuz tüm dinamik ödeme seçeneklerini gösterir.
Hediye kartları için alıcı bilgi formunu gösterSahip olduğunuz hediye kartı ürünlerinde, müşterilerin kişisel bir mesajla birlikte hediye kartını bir alıcıya göndermesini veya gönderim zamanını planlamasını sağlayan, isteğe bağlı bir onay kutusu gösterir.

Açıklama bloku

Açıklama blokunda, görüntülenmekte olan ürünün açıklaması gösterilir. Bu blokta kişiselleştirilebilir ayar yoktur.

Paylaşım bloku

Paylaşım blokunda, müşterilerin ürünü sosyal medya hesaplarında paylaşmasını sağlayan tıklanabilir bir bağlantı gösterilir.

Ürün bilgisi bölümündeki Paylaşım bloku ayarları
AyarAçıklama
MetinMüşterilerin ürünü sosyal medya hesaplarında paylaşmak için tıkladığı metin.

SKU bloku

SKU blokunda, geçerli olduğu durumlarda ürün veya varyasyonla ilişkili Stok Bulundurma Birimi (SKU) gösterilir. Ürün varyasyonlarınıza SKU numaraları ekleme hakkında daha fazla bilgi edinin.

Ürün bilgileri bölümündeki SKU bloku ayarları
AyarAçıklama
Metin stili Metnin stilini değiştirin. Aşağıdaki seçeneklerden birini belirleyin:
  • Gövde: Metni paragraf stili metnine değiştirir.
  • Alt yazı: Metni, paragraf stili metinden biraz daha büyük olan alt yazı metnine değiştirir.
  • Büyük harf: Metni, paragraf stili metinden küçük olacak şekilde değiştirir ve tüm metni büyük harfe dönüştürür.

Envanter durumu bloku

Envanter durumu blokunda, ürünün envanter durumu gösterilir. Envanter durumunu ve kalan envanter sayısını sürekli olarak gösterebilir veya yalnızca ürün envanteri sayısı, ayarlamış olduğunuz bir eşiğe ulaştıktan sonra gösterilmesini sağlayabilirsiniz. Envanter durumu yalnızca envanter takibinin etkinleştirilmiş olduğu ürünler için gösterilir.

Ürün bilgileri bölümündeki Envanter durumu bloku ayarları
AyarAçıklama
Metin stili Metnin stilini değiştirin. Aşağıdaki seçeneklerden birini belirleyin:
  • Gövde: Metni paragraf stili metnine değiştirir.
  • Alt yazı: Metni, paragraf stili metinden biraz daha büyük olan alt yazı metnine değiştirir.
  • Büyük harf: Metni, paragraf stili metinden küçük olacak şekilde değiştirir ve tüm metni büyük harfe dönüştürür.
Düşük envanter eşiğiÜrünlerinizde ne zaman Düşük stok mesajı görüntüleneceğine ilişkin bir eşik ayarlamak için aralık kaydırıcısını kullanın. 0 ile 100 arasında bir sayı seçin. Kaydırıcıyı 0 değerine ayarlarsanız ürünün stoku tamamen tükenene kadar ürün Stokta olarak görünür.
Envanter sayımını gösterÜrünleriniz için envanter sayısını göstermek istediğinizde bu seçeneği belirleyin.

Özel Liquid bloku

Özel Liquid blokunda, bloka eklemiş olduğunuz özel Liquid veya HTML kodu gösterilir.

Ürün bilgileri bölümündeki özel Liquid bloku ayarları
AyarAçıklama
Liquid koduGirdiğiniz Liquid veya HTML kodu tarafından işlenen içeriği gösterir.

Daraltılabilir satır bloku

Daraltılabilir satır blokunda, bir başlık içeren ve genişletilip daraltılabilen bir satır gösterilir. Bir müşteri simgeye, başlığa veya aşağı oka tıkladığında satır, ek içerikleri gösterecek şekilde genişler.

Ürün bilgileri bölümündeki Daraltılabilen satır bloku ayarları
AyarAçıklama
BaşlıkSatır hem daraltılmış hem genişletilmiş haldeyken gösterilen satır başlığı.
SimgeDaraltılabilir satırla gösterilecek bir simge seçin veya yalnızca satırın başlığını göstermek için Hiçbiri seçeneğini belirleyin.
Satır içeriği Zengin metin düzenleyicisini kullanarak satırınıza içerik girin. İçerik yalnızca satır genişletildiğinde gösterilir.
Sayfadan alınan satır içeriğiBir sayfadan satırınıza içerik ekleyin. Bu, yalnızca Shopify yöneticinizin Online Mağaza > Sayfalar bölümünde bir sayfaya eklediğiniz içeriği gösterir. Tema düzenleyicisindeki sayfalar şablonuna eklediğiniz herhangi bir içeriği göstermez. Satır içeriği alanına girdiğiniz tüm içerikler, eklediğiniz sayfa içeriğinin üstünde görünür.

Açılır pencere bloku

Açılır pencere blokunda, tıklandığında açılır bir iletişim kutusunu görüntüleyen, tıklanabilir bir metin gösterilir.

Ürün bilgileri bölümündeki Açılır pencere bloku ayarları
AyarAçıklama
Bağlantı etiketiMüşterilerin açılır iletişim kutusunu görüntülemek için tıkladığı tıklanabilir metin.
SayfaAçılır iletişim kutusunda içeriğini göstermek istediğiniz sayfayı seçin. Bu, yalnızca Shopify yöneticinizin Online Mağaza > Sayfalar bölümünde bir sayfaya eklediğiniz içeriği gösterir. Tema düzenleyicisindeki sayfalar şablonuna eklediğiniz herhangi bir içeriği göstermez.

Ürün puanı bloku

Ürün derecelendirmesi blokunda, parantez içinde değerlendirme sayısıyla birlikte, ortalama ürün derecelendirmesi yıldız puanı olarak gösterilir. Örnek: ★★★★★ (8).

Ürün derecelendirmelerini göstermek için reviews.rating_count ve reviews.rating için bir ürün değerlendirme uygulaması ve meta alan tanımlarını kullanmanız gerekir.

Bu blokta özelleştirilebilir ayar yoktur.

Tamamlayıcı ürünler bloku

Tamamlayıcı ürünler blokunda, Shopify Search & Discovery uygulamasıyla ayarlamış olduğunuz tamamlayıcı ürünler gösterilir.

Ürün bilgileri bölümündeki Tamamlayıcı ürünler bloku ayarları
AyarAçıklama
Başlık Blokun başlığı.
Daraltılabilir satır olarak göster Seçildiğinde, içerik bir satırda daraltılmış olarak gösterilir. Müşteri bir başlığa tıkladığında satır ek içerikleri gösterecek şekilde genişler.
Simge Tamamlayıcı ürünler daraltılabilir bir satırda gösterildiğinde başlığınızla eşleştirilecek bir simge seçin.
Gösterilecek maksimum ürün sayısı Gösterilecek maksimum tamamlayıcı ürün sayısını seçin. 1 ile 10 arasında bir sayı girin.
Sayfa başına ürün sayısı Kaydırıcı sayfası başına göstermek istediğiniz tamamlayıcı ürün sayısını seçin. 1 ile 4 arasında bir sayı seçin.
Sayfalara ayırma stili Ürünlerin altında gösterilen gezinme kaydırıcısının stilini ayarlayın. Noktalar, Sayaç ve Sayılar seçeneklerinden birini belirleyin.
Görsel oranı Ürün kartı görsellerinin en/boy oranını ayarlayın. Portre ve Kare seçeneklerinden birini belirleyin.
Hızlı ekleme düğmesini etkinleştir Hızlı ekleme düğmesini etkinleştirdiğinizde müşterileriniz, aşağıdaki seçeneklerden birini kullanarak ürün kartından sepetlerine ürün ekleyebilirler:
  • Sepete ekleme: Tek varyasyonlu ürünler için. Bir müşteri düğmeye tıkladığında ürün otomatik olarak sepete eklenir.
  • Seçenekleri belirleme: Varyasyonları olan ürünler için. Bir müşteri düğmeye tıkladığında, varyasyon seçimini yapıp satın alım işlemine devam etmesi için bir açılır iletişim kutusu görüntülenir.

Metin içeren simge bloku

Metin içeren simge blokunda, 3 adede kadar simgeyle birlikte bunlara eşlik eden metinler gösterilir. Önceden yüklenen simgeler listesinden bir seçim yapın veya yüklediğiniz bir görseli kullanın.

Ürün bilgileri bölümündeki Metin içeren simge bloku ayarları
AyarAçıklama
DüzenBlok için Yatay veya Dikey düzenler arasında bir seçim yapın.
İlk simgeBlokta gösterilecek simgeyi seçin veya yalnızca bir başlık gösterilmesi için Hiçbiri seçeneğini belirleyin.
İlk görselSimge yerine kullanmak üzere kendi görselinizi seçin.
İlk başlıkİlk simgeniz veya görseliniz için bir başlık ekleyin.
İkinci simgeBlokta gösterilecek simgeyi seçin veya yalnızca bir başlık gösterilmesi için Hiçbiri seçeneğini belirleyin.
İkinci görselSimge yerine kullanmak üzere kendi görselinizi seçin.
İkinci başlıkİkinci simgeniz veya görseliniz için bir başlık ekleyin.
Üçüncü simgeBlokta gösterilecek simgeyi seçin veya yalnızca bir başlık gösterilmesi için Hiçbiri seçeneğini belirleyin.
Üçüncü görselSimge yerine kullanmak üzere kendi görselinizi seçin.
Üçüncü başlıkÜçüncü simgeniz veya görseliniz için bir başlık ekleyin.

Alakalı ürünler bölümü

Alakalı ürünler bölümünde, görüntülenmekte olan ürüne bağlı olarak benzer ürünler, benzer açıklamaya sahip ürünler veya görüntülenen ürünle birlikte sıklıkla satın alınan ürünler gösterilir. Shopify Search & Discovery uygulamasını kullanarak Alakalı ürünler bölümüne kendi ürünlerinizi manuel olarak ekleyebilirsiniz.

Ürün önerileri hakkında daha fazla bilgi edinmek için Ürün önerilerini anlama sayfasına bakın.

Alakalı ürünler bölümü ayarları

Alakalı ürünler bölümü ayarları
AyarAçıklama
BaşlıkBölümün başlığı.
Başlık boyutuBaşlık metninin boyutu. Küçük, Orta, Büyük, Çok Büyük veya Çok çok büyük seçeneklerinden birini belirleyin.
Gösterilecek maksimum ürün sayısıGösterilecek maksimum alakalı ürün sayısını ayarlayın. 2 ile 10 arasında bir sayı seçin.
Masaüstündeki sütun sayısıÜrünlerin masaüstü bilgisayarlarda kaç sütun üzerinde gösterileceğini ayarlayın. 1 ile 6 arasında bir sayı girin.
Renk şemasıBu bölüme uygulayabileceğiniz bir renk kümesi. Renk şemaları hakkında daha fazla bilgi edinin.
Görsel oranıGösterilen alakalı ürünlerin öne çıkan görselleri için görsel oranını ayarlayın. Aşağıdaki seçeneklerden birini belirleyin:
  • Görsele uyarla: Görsellerin en/boy oranını kullanır. Böylece görsellerin kırpılmış olması önlenir.
  • Portre: Görselleri 2:3 oranını kullanacak şekilde kırpar.
  • Kare: Görselleri 1:1 oranını kullanacak şekilde kırpar.
Görsel şekliİlgili ürün görselleriniz için aşağıdaki görsel şekillerinden birini seçin:
  • Varsayılan: Ürün görselinizi dikdörtgen bir şekle dönüştürür.
  • Kemer: Ürün görselinizin üst kısmını kıvrımlı hale getirir.
  • Leke: Ürün görselinizi, imleci üzerine getirdiğinizde benzersiz bir animasyona sahip olan, rastgele altı leke şeklinden birine dönüşecek şekilde yuvarlar.
  • Sola ok: Ürün görselinizi, sola keskin bir kıvrımı olan bir ok şekline dönüştürür.
  • Sağa ok: Ürün görselinizi, sağa keskin bir kıvrımı olan bir ok şekline dönüştürür.
  • Baklava: Ürün görselinizi dört kenarlı bir baklava şekline dönüştürür.
  • Paralelkenar: Ürün görselinizi, iki çift paralel çizgiye sahip bir şekle dönüştürür.
  • Yuvarlak: Ürün görselinizi, imleci üzerine getirdiğinizde benzersiz bir animasyona sahip olan, daire veya oval bir şekle dönüşecek şekilde yuvarlar.
Üstüne gelindiğinde ikinci görseli gösterBir müşteri masaüstü bir bilgisayarda imleci ürün görselinin üzerine getirdiğinde bu seçenek ikinci ürün görselini (varsa) gösterir.
Satıcıyı gösterHer bir ürün için satıcı gösterir.
Ürün puanlarını gösterParantez içinde değerlendirme sayısıyla birlikte, ortalama ürün derecelendirmesini yıldız puanı olarak gösterir. Örneğin: ★★★★★ (8). Bu ayrca, şunlar için bir ürün değerlendirmesi uygulaması ve meta alan tanımlarını gerektirir: reviews.rating_count ve reviews.rating.
Mobildeki sütun sayısıÜrünlerin mobil cihazlarda kaç sütun üzerinde gösterileceğini ayarlayın. 1 sütun veya 2 sütun seçeneklerinden birini belirleyin.
Üst dolguBölümün üst kısmındaki boşluk miktarını ayarlayın.
Alt dolguBölümün alt kısmındaki boşluk miktarını ayarlayın.
Aradığınız cevapları bulamıyor musunuz? Yardımcı olmak için buradayız.