Rozet stilini değiştirme

Bir rozetin görünümünü değiştirmek için Design sekmesini kullanın. Metin rozetleri yazı tipi, renk, arka plan, kenarlık, opaklık ve döndürme denetimleri sunar. Görsel rozetler ise seçilen görsel için opaklık ve döndürme denetimleri sunar.

Bir rozeti düzenleyicide açın

1. Badges & Labels bölümünü açın

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

2. Bir rozet seçin

   Güncellemek istediğiniz rozeti bulun, ardından satırındaki Edit badge/label seçeneğine tıklayın.

   Bunun yerine yeni bir rozeti stillendirmek için Create badge seçeneğine tıklayın, ardından Text badge veya Image badge seçeneğini belirleyin.

   

   Özelleştirmek istediğiniz rozet için Edit badge/label seçeneğine tıklayın.

3. Design sekmesinde kalın

   Düzenleyici Design sekmesinde açılır. Kullanılabilir bölümler, bir metin rozeti mi yoksa görsel rozeti mi seçtiğinize bağlıdır.

Metin rozetini özelleştirme

Yazı tipi ve metin rengi seçin

Metni özelleştirmek için Badge text altındaki denetimleri kullanın:

• Font picker: Yerleşik listeden bir yazı tipi seçin.
• Use Custom Font Style: Font alanına bir yazı tipi ailesi girmek için bu seçeneği etkinleştirin, ardından Regular veya Bold gibi kullanılabilir bir yazı tipi stili ya da kalınlığı seçin.
• Text color: Renk seçiciyi açın ve rozet arka planına karşı okunabilir kalan bir renk seçin.

Yerleşik bir yazı tipi seçin veya Use Custom Font Style seçeneğini etkinleştirin, ardından metin rengini belirleyin.

Metin boyutu ve harf aralığı Size bölümünde yapılandırılır. Bu denetimler için bkz. Rozet boyutunu değiştirme.

Arka plan seçin

Style bölümünü genişletin, ardından bir Fill type seçin:

Fill type	Ne için kullanılır
Solid	Tek bir arka plan rengi veya hazır renk.
Shape	Düz veya gradyan renk uygulanmış hazır bir şekil şablonu.
Image	Metin rozetinin arka planı olarak kullanılan bir doku, desen veya görsel.

Style bölümünü genişletin ve metin rozeti için arka plan türünü seçin.

Düz arka plan kullanma

Solid seçeneğini belirleyin, ardından bir Background color seçin. Choose template altındaki hazır ayarlardan birini de seçebilirsiniz.

Şekil veya gradyan arka plan kullanma

Shape seçeneğini belirleyin, ardından şunları yapılandırın:

• Choose from library: Şablon galerisini açın ve tasarımları Sales, Autotext, Stock, Free shipping, Pre-order gibi kategorilere göre filtreleyin.
• Start color ve End color: Düz bir görünüm için aynı rengi, gradyan için iki farklı rengi kullanın.
• Gradient direction: Left to right, Top to bottom, Diagonal veya Radial seçeneklerinden birini seçin.
• Choose template: Doğrudan düzenleyiciden hazır bir şekil uygulayın.

Bir şekil seçin, renklerini ayarlayın ve gradyan yönünü seçin.

Görsel arka plan kullanma

Image seçeneğini belirleyin, ardından özel bir arka plan seçmek için Select Image seçeneğine tıklayın. Düzenleyici, 5 MB’a kadar PNG, JPG veya SVG dosyalarını kabul eder. Seçilen arka planı temizlemek için Remove seçeneğine tıklayın.

Not

Bu görsel yalnızca bir metin rozetinin arka planı olarak kullanılır. Düzenlenebilir metin içermeyen bağımsız bir görseli göstermek için bunun yerine görsel rozet kullanın.

Bir metin rozetinin arka planı olarak kullanılacak görseli seçin.

Kenarlık ekleme veya köşeleri yuvarlatma

Border & corners bölümünü genişletin. Her iki seçenek de birbirinden bağımsız olarak etkinleştirilebilir:

Seçenek	Kullanılabilir denetimler
Add border	Border width değerini 0 ile 8 px arasında ayarlayın, bir Border color seçin ve Solid, Dotted veya Dashed seçeneklerinden birini belirleyin.
Round corners	Corner radius değerini 0 ile 100 px arasında ayarlayın.

Kenarlık ekleyin, köşeleri yuvarlatın veya her iki ayarı birlikte kullanın.

Görsel rozeti stillendirme

Görsel rozetler, metin rozetinin yazı tipi, arka plan veya Border & corners denetimlerini göstermez. Rozet görselini değiştirmek için Design sekmesinin üstündeki Content bölümünü, opaklığını veya döndürmesini ayarlamak için ise Advanced settings bölümünü kullanın.

Görsel boyutları ve yerleşimi için bkz. Rozet boyutunu değiştirme ve Rozet konumunu değiştirme.

Opaklığı veya döndürmeyi ayarlama

Bu efektler hem metin rozetleri hem de görsel rozetler için kullanılabilir:

1. Advanced settings bölümünü genişletin.
2. Effects altında ihtiyacınız olan seçeneği etkinleştirin.
3. Canlı önizlemeyi kontrol ederek değeri ayarlayın.

Efekt	Aralık
Adjust opacity	%0 ile %100 arası
Rotate badge	0° ile 360° arası

Adjust opacity veya Rotate badge seçeneğini etkinleştirin, ardından efekt değerini belirleyin.

Not

Effects bölümü ayrıca Use animation seçeneğini de içerir. Animasyon iş akışının tamamı için bkz. Rozete animasyon ekleme.

Önizleyin ve kaydedin

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

Dikkat

Renkleri veya opaklığı değiştirdikten sonra metin kontrastını kontrol edin. Bir ürün görselinde okunabilir olan bir stil, başka bir görselde okunması zor olabilir.

Sonraki adımlar

• Rozet boyutunu değiştirme: Rozeti yeniden boyutlandırın, metin boyutunu veya harf aralığını ayarlayın.
• Rozet konumunu değiştirme: Rozeti taşıyın, kenar boşluğunu veya iç boşluğunu ayarlayın.
• Rozete animasyon ekleme: Bir animasyon efekti uygulayın, hızını ve tekrar sayısını yapılandırın.
• Özel CSS kullanma: Rozeti özel CSS ile ince ayarlayın.

İpucu

Desteğe mi ihtiyacınız var?

Bu adımları uygularken zorlanırsanız bizimle [email protected] adresinden iletişime geçin.