İçeriğe geç
7 gün ücretsiz deneyin
Türkçe
Claude ile aç Bu sayfa hakkında soru sorChatGPT ile aç Bu sayfa hakkında soru sor

Rozet boyutunu değiştirme

Metin ve görsel rozetleri masaüstü, mobil, ürün sayfaları ve liste sayfaları için yeniden boyutlandırın.

Bir rozeti her yerde yeniden boyutlandırmak veya her cihaz ve sayfa türü için farklı bir boyut belirlemek üzere rozet düzenleyicisindeki Size bölümünü kullanın.

  1. Shopify yönetici panelinde Sami Product Labels > Badges & Labels yolunu açın.

  2. Yeniden boyutlandırmak istediğiniz rozeti bulun, ardından satırındaki Edit badge/label seçeneğine tıklayın.

    Bunun yerine yeni bir rozeti yeniden boyutlandırmak için Create badge seçeneğine tıklayın ve Text badge veya Image badge seçeneğini belirleyin.

  3. Rozet düzenleyicisinde Design sekmesinde kalın, Size bölümüne kaydırın ve bölümü genişletin.

    Rozet düzenleyicisinin Design sekmesindeki Size bölümü

    Bir rozeti açın, Design sekmesinde kalın ve Size bölümünü genişletin.

Rozet her cihazda ve desteklenen sayfa önizlemesinde tek bir boyut kümesi kullanacaksa Responsive size altında Use same size on desktop and mobile seçeneğini seçili bırakın.

  • Metin rozeti için Width ve Height değerlerini ayrı ayrı belirleyin.
  • Lock aspect ratio etkin olan bir görsel rozet için Size kaydırıcısını veya Width alanını kullanın. Görsel oranlarını korumak için yükseklik otomatik olarak değişir.

Bir metin rozeti için seçili Use same size on desktop and mobile

Masaüstü ve mobil için tek bir boyut kümesi kullanın.

Rozetin farklı bağlamlarda farklı boyutlara ihtiyacı varsa Customize desktop and mobile separately seçeneğini belirleyin.

  1. Desktop veya Mobile seçeneğini belirleyin.
  2. Product page size veya Listing pages size seçeneğini belirleyin.
  3. Bu kombinasyon için boyutları ayarlayın.
  4. Gerektiğinde diğer cihaz ve sayfa kombinasyonları için tekrarlayın.
Seçim Boyutun geçerli olduğu yer
Desktop > Product page size Masaüstündeki ürün sayfaları
Desktop > Listing pages size Masaüstündeki liste sayfaları (koleksiyon sayfaları dahil)
Mobile > Product page size Mobildeki ürün sayfaları
Mobile > Listing pages size Mobildeki liste sayfaları (koleksiyon sayfaları dahil)

Masaüstü, mobil, ürün sayfaları ve liste sayfaları için ayrı boyut denetimleri

Bir cihaz ve sayfa türü seçin, ardından bu kombinasyon için boyutu ayarlayın.

Her boyut şu birimlerden birini kullanabilir:

Birim Ne zaman kullanılır
px Piksel cinsinden kesin bir boyut gerektiğinde.
% Rozetin kullanılabilir ürün görseli alanına göre ölçeklenmesini istediğinizde. Sonucu her sayfa türünde ve cihazda önizleyin.

Bir metin rozeti için Width ve Height değerlerinin kendi birim seçicileri vardır. Aynı birimi kullanmaları gerekmez.

Metin rozetleri, Width ve Height alanlarının altında ek denetimler sunar:

  • Auto-fit text to badge kapalı: Text size değerini piksel cinsinden sabit bir yazı tipi boyutu olarak ayarlayın.
  • Auto-fit text to badge açık: Uygulama, metni rozet arka planına sığacak şekilde otomatik olarak yeniden boyutlandırır ve Text size bir yüzde denetimine dönüşür.
  • Letter spacing: Karakterler arasındaki boşluğu piksel cinsinden artırın veya azaltın.

Yüzde tabanlı metin boyutuyla etkinleştirilmiş Auto-fit text to badge

Değişen metnin rozet arka planının içinde kalması için Auto-fit text to badge seçeneğini etkinleştirin.

Görsel rozetin oranlarını koruma veya değiştirme

Bölüm başlığı “Görsel rozetin oranlarını koruma veya değiştirme”

Görsel rozetlerde Lock aspect ratio varsayılan olarak etkindir.

  • Kaynak oranları korurken görseli tek bir Size veya Width denetimiyle yeniden boyutlandırmak için etkin bırakın.
  • Yalnızca Width ve Height değerlerini birbirinden bağımsız ayarlamanız gerekiyorsa kapatın. Bunları farklı bir orana değiştirmek görseli uzatabilir veya sıkıştırabilir.

Lock aspect ratio etkin olan görsel rozet Size denetimleri

Bir görsel rozeti bozmadan yeniden boyutlandırmak için Lock aspect ratio seçeneğini etkin bırakın.

Product page ve Collection page arasında geçiş yapmak için önizleme araç çubuğunu kullanın, ardından hem Desktop view hem de Mobile view görünümlerini kontrol edin. Rozet gerekli her önizlemede doğru göründüğünde Save seçeneğine tıklayın.

Bu sayfa yardımcı oldu mu?