WooCommerce rozetleri, mağazanıza biraz görsel yetenek katmanın harika bir yoludur. Özel teklifleri, yeni ürünleri veya dikkat çekmek istediğiniz herhangi bir şeyi vurgulamak için kullanılabilirler.
WooCommerce mağazanıza rozet eklemenin birkaç farklı yolu vardır, bu yüzden her birine bir göz atalım.
1. Bir Eklenti Kullanın
WooCommerce mağazanıza rozet eklemenizi sağlayacak birkaç farklı eklenti vardır. En popüler olanlardan biri WooCommerce Ürün Resmi Filigranı.
Bu eklenti, ürün resimlerinize bir rozetle filigran eklemenizi sağlar. Çeşitli hazır rozetler arasından seçim yapabilir veya kendi özel rozetinizi yükleyebilirsiniz. Bu, ürün resimlerinize biraz görsel ilgi katmanın harika bir yoludur.
2. CSS kullanın
CSS konusunda rahatsanız, bir eklenti kullanmadan WooCommerce mağazanıza rozetler ekleyebilirsiniz. Aşağıdaki CSS kodunu temanızın stil sayfasına eklemeniz yeterlidir:
.woocommerce-ürün-rozeti { konum: mutlak; üst: 10 piksel; sağ: 10 piksel; }
Bu, rozeti ürün resimlerinizin sağ üst köşesine yerleştirir. daha sonra kullanabilirsiniz arka plan Rozet resmi ekleme özelliği.
3. Rozetleri Manuel Olarak Ekleyin
Bir eklenti veya CSS kullanmak istemiyorsanız, rozetleri her zaman manuel olarak WooCommerce mağazanıza ekleyebilirsiniz. Ürün resmini favori resim düzenleyicinizde açın ve rozeti ekleyin.
Görüntüyü kaydedin ve tekrar WooCommerce’e yükleyin. Bu, rozet eklemenin en basit yoludur, ancak biraz manuel çalışma gerektirir.
Çözüm:
Sonuç olarak, WooCommerce rozetleri, mağazanıza biraz görsel ilgi katmanın harika bir yoludur. Bunları eklemenin birkaç farklı yolu vardır, bu nedenle ihtiyaçlarınıza en uygun olanı seçin. Kod konusunda rahat değilseniz, bir eklenti kullanmak muhtemelen en iyi seçenektir. Bunun dışında CSS, eklenti kullanmadan rozet eklemenin harika bir yoludur.