Kayan yazı şeridi (Marquee) bölümünden farkı ne?

Logo bulutu sabittir: her logo bir ızgarada ya da alt satıra geçen bir satırda aynı anda görünür, hiçbir şey hareket etmez. Kayan yazı şeridi ise logo ya da metin şeridini döngüde kaydırır. Logoların bir bakışta okunması gerekiyorsa Logo bulutunu kullanın.

Alt metin nereden gelir?

Shopify Files’taki her görselin alt metninden. Bir görselin alt metni yoksa bloğun isteğe bağlı Name alanı logonun ya da bağlantısının erişilebilir adı olarak kullanılır.

Gri tonlama efekti nasıl çalışır?

Ayarlanabilir opaklığa sahip bir CSS filtresidir. "Full color and opacity on hover" açıkken bir logo üzerine gelindiğinde ya da bağlantılı logolarda klavyeyle odaklanıldığında tam renge döner. JavaScript yoktur; azaltılmış hareket tercih eden ziyaretçilerde geçiş kapanır.

Kaç logo ekleyebilirim, mobilde nasıl görünür?

En fazla 24 logo bloğu. Izgara masaüstünde 2–8 sütun, tabletlerde en fazla 4, telefonlarda 2, 3 ya da 4 sütun gösterir; satır düzeninde logolar kendi genişliklerini korur ve alt satıra geçer. Logo yüksekliği masaüstü ve mobil için ayrı ayarlanır.

Logolarım beyaz kutulu JPG’ler. Kutuyu gizleyebilir miyim?

"Blend white logo backgrounds into the section" ayarını açın. Açık renkli bölümlerde beyaz arka planları gizleyen multiply karışımını kullanır; koyu arka planlarda bunun yerine SVG ya da şeffaf PNG logolar kullanın.

Logo bulutu

Basın, iş ortağı ya da satış noktası logolarından sabit ızgara veya satır; üzerine gelince griden renge, ayırıcı çizgi ya da kart, cihaza göre logo boyu.

Kategori: Sosyal kanıt ve güven
Kullanım yeri: Ana sayfa, Hakkımızda, Açılış sayfaları, Her sayfa
Okuduğu veri: Yalnızca içerik
Boyut: 19 KB, JavaScript yok
Lisans: MIT, müşteri işlerinde ücretsiz

Markdown olarak görüntüle ChatGPT’de aç Claude’da aç

Kısaca

Logo bulutu, basın, iş ortağı ya da satış noktası logolarını düzenli bir ızgarada veya alt satıra geçen bir satırda, her biri isteğe bağlı bağlantıyla gösteren ücretsiz bir Shopify bölümüdür. Logolar düşük opaklıkta gri tonlamalı durup üzerine gelince tam renge dönebilir; düz, ayırıcı çizgili ya da kart stilleri vardır ve Online Store 2.0 temalarında uygulama ya da JavaScript olmadan çalışır.

Örnek içerikli demo

Ne zaman kullanılır

Ana sayfa hero’sunun altında "basında biz" logoları
Hakkımızda ya da toptan satış sayfasında satış noktaları veya perakende iş ortakları
Bir açılış sayfasında sertifika ya da malzeme iş ortağı işaretleri

Tema düzenleyicide

Başlık, başlık etiketi ve boyutu, metin
En fazla 24 logo: görsel, isteğe bağlı ad, bağlantı, yeni sekmede aç
Stil: düz, ayırıcı çizgiler ya da kartlar; kart köşe yuvarlaklığı
Masaüstü ve mobilde logo yüksekliği, opaklık, gri tonlama, üzerine gelince tam renk, beyaz arka plan karışımı
Masaüstünde 2–8, mobilde 2–4 sütunlu ızgara ya da alt satıra geçen satır; aralık; cihaza göre hizalama
Arka plan rengi ya da gradyan, metin, çizgi 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-logo-cloud.liquid

İndir

Kodu görün

lib-logo-cloud.liquid dosyasını açın

snippets/lib-image.liquid

İndir

Kodu görün

lib-image.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

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

Sık sorulan sorular

Kayan yazı şeridi (Marquee) bölümünden farkı ne?: Logo bulutu sabittir: her logo bir ızgarada ya da alt satıra geçen bir satırda aynı anda görünür, hiçbir şey hareket etmez. Kayan yazı şeridi ise logo ya da metin şeridini döngüde kaydırır. Logoların bir bakışta okunması gerekiyorsa Logo bulutunu kullanın.
Alt metin nereden gelir?: Shopify Files’taki her görselin alt metninden. Bir görselin alt metni yoksa bloğun isteğe bağlı Name alanı logonun ya da bağlantısının erişilebilir adı olarak kullanılır.
Gri tonlama efekti nasıl çalışır?: Ayarlanabilir opaklığa sahip bir CSS filtresidir. "Full color and opacity on hover" açıkken bir logo üzerine gelindiğinde ya da bağlantılı logolarda klavyeyle odaklanıldığında tam renge döner. JavaScript yoktur; azaltılmış hareket tercih eden ziyaretçilerde geçiş kapanır.
Kaç logo ekleyebilirim, mobilde nasıl görünür?: En fazla 24 logo bloğu. Izgara masaüstünde 2–8 sütun, tabletlerde en fazla 4, telefonlarda 2, 3 ya da 4 sütun gösterir; satır düzeninde logolar kendi genişliklerini korur ve alt satıra geçer. Logo yüksekliği masaüstü ve mobil için ayrı ayarlanır.
Logolarım beyaz kutulu JPG’ler. Kutuyu gizleyebilir miyim?: "Blend white logo backgrounds into the section" ayarını açın. Açık renkli bölümlerde beyaz arka planları gizleyen multiply karışımını kullanır; koyu arka planlarda bunun yerine SVG ya da şeffaf PNG logolar kullanın.

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.

Sosyal kanıt ve güven
Basın alıntıları
Yayın logolarıyla "Basında biz" alıntıları: alıntı kartları ya da logo sekmeleriyle değişen bir alıntı döngüsü. Duraklatma düğmesi var, sahte logo yok.
Sosyal kanıt ve güven
Değerlendirme özeti
Yorum uygulamanızın doldurduğu reviews.rating metafieldlarından yıldız puanı ve yorum sayısı, yorumlara bağlantıyla. Puanı olmayan üründe görünmez.
Sosyal kanıt ve güven
İstatistik sayacı
Görünüme girince sayarak artan, etiket, açıklama ve ikonlu en fazla 6 rakam. Ayırıcılı satır, kartlar ya da başlığın yanında büyük rakamlar.