Güven rozetleri

Çizgi ikonlar, kısa metin ve bağlantılarla güven maddeleri satırı (teslimat, iade, güvenli ödeme) ve mağazanızın kabul ettiği ödeme ikonları.

Kategori
Sosyal kanıt ve güven
Kullanım yeri
Ana sayfa, Ürün, Sepet, Koleksiyon
Okuduğu veri
Yalnızca içerik
Boyut
24 KB, JavaScript yok
Lisans
MIT, müşteri işlerinde ücretsiz

Kısaca

Güven rozetleri, her biri yerleşik bir çizgi ikon ya da kendi ikon görseliniz, bir başlık, kısa bir satır ve isteğe bağlı bir bağlantı içeren en fazla sekiz güven maddesini listeleyen ve mağazanızın kabul ettiği ödeme ikonlarını ekleyebilen ücretsiz bir Shopify bölümüdür. Ayırıcılı satır, kartlar ya da satın al düğmesinin altı için kompakt bir şerit olarak gelir; Online Store 2.0 temalarında uygulama olmadan çalışır.

Örnek içerikli demo

Ne zaman kullanılır

  • Ürün sayfasında satın al düğmesinin altında teslimat, iade ve güvenli ödeme satırı
  • Ana sayfada alt bilginin üstünde mağaza vaatleri satırı
  • Sepet sayfasında ödeme ve iade güvencesi

Tema düzenleyicide

  • Başlık etiketi ve boyutuyla isteğe bağlı başlık
  • Madde başına: yerleşik ikon ya da özel ikon görseli, başlık, kısa metin ve bağlantı (en fazla 8 madde)
  • Etiketiyle kabul edilen ödeme ikonlarını göster
  • Stil: ayırıcılı satır, kartlar ya da kompakt şerit
  • Masaüstünde sütunlar (2–6) ve mobilde: 1, 2 ya da yatay kaydırma satırı
  • İkon metnin üstünde ya da yanında, ikon boyutu, arka plan yok ya da renkli veya çerçeveli daire
  • Cihaza göre hizalama, sayfa ya da tam genişlik, kart köşe yuvarlaklığı
  • Arka plan rengi ya da gradyan, metin, ikon ve kart renkleri
  • Cihaza göre üst ve alt boşluk, yalnızca masaüstünde/mobilde göster, çapa kimliği

Dosyalar

sections/lib-trust-badges.liquid
İndir
Kodu görün

lib-trust-badges.liquid dosyasını açın

Sade Liquid ve CSS ile, JavaScript olmadan yazıldı. Uygulama da bağımlılık da yok.

Temanıza nasıl eklenir

  1. Bölüm dosyasını temanızın sections klasörüne, listelediği snippet’leri de snippets klasörüne kopyalayın.
  2. Tema düzenleyicide Add section’ı (Bölüm ekle) seçin ve adı “Lib ·” ile başlayan bölümü ekleyin.
  3. Örnek metni mağazanızın kendi metniyle değiştirin, renkleri markanıza göre ayarlayın.

Sık sorulan sorular

Ödeme ikonları nereden gelir?
Mağazanızdan. Bölüm, Shopify ödeme ayarlarınızda etkin olan ödeme yöntemlerini dolaşır ve her biri için Shopify’ın kendi ikonunu yazdırır; böylece bir yöntemi açıp kapattığınızda liste güncellenir. İkonları gizleyebilir ya da önlerindeki etiketi değiştirebilirsiniz.
Hangi ikonlar dahil?
Satır içi SVG olarak çizilmiş on dört çizgi ikon: kargo kamyonu, iade, kilit, kalkan, yaprak, yıldız, sohbet, hediye, kart, saat, kalp, onay işareti, paket ve dünya. Seçtiğiniz ikon rengini alırlar. Her madde bunun yerine yüklenen bir görseli kullanabilir; bu görsel yerleşik ikonun yerini alır.
Mobilde nasıl görünür?
Tek sütun, iki sütun ya da ziyaretçilerin kaydırdığı ve her maddenin yerine oturduğu yatay bir satır seçersiniz. Tabletler en fazla üç, masaüstü iki ile altı arası sütun gösterir. Kompakt şerit düzeni ihtiyaç duyduğu kadar satıra geçer.
JavaScript gerekir mi, sayfayı yavaşlatır mı?
Hayır. Yalnızca HTML ve CSS’tir; yerleşik ikonlar satır içi SVG olduğu için, lazy-load ile yüklenen özel ikonlar yüklemediğiniz sürece ek görsel isteği olmaz.
Bir güven maddesi bir politika sayfasına bağlanabilir mi?
Evet. Bir maddeye bağlantı ekleyin; maddenin tamamı tıklanabilir olur, örneğin iade ya da kargo politikanıza; ekran okuyucular için bağlantı metni başlıktır.

Yayınlamadan önce

  • Demolardaki metinler örnek içeriktir. Yayımlamadan önce kendi mağazanızın bilgileriyle değiştirin.
  • Hareketin azaltılmasını isteyen ziyaretçilerde animasyonlar kapalıdır.
  • Her dosya burada yayımlanmadan önce Shopify Theme Check ile kontrol edilir.

Temanıza uyarlanmış bir sürüme ya da burada olmayan bir bölüme mi ihtiyacınız var? Şu sayfaya bakın: Shopify tema geliştirme.

Geliştirmek istediğiniz bir şey mi var? Gelin, birlikte konuşalım.

Aynı anda sınırlı sayıda proje alıyoruz.

Gencer KarakayaShopify mühendisi

Proje özetinizi bir mühendis okur; size e-postayla yanıt veririz.