Görüntüleme geçmişi nerede saklanıyor?

Yalnızca müşterinin tarayıcısında, localStorage’da tek bir anahtar altında, en çok 24 ürün handle’ından oluşan bir liste olarak. Ad, e-posta, çerez kimliği ya da başka hiçbir şey tutulmaz; Lintel’e ya da bir uygulamaya hiçbir şey gönderilmez. Müşteri site verilerini sildiğinde ya da bölümdeki "Geçmişi temizle" düğmesine bastığında liste silinir.

Bölümü ürün şablonuna eklemem gerekiyor mu?

Evet. Bölüm ürünleri yalnızca ürün sayfalarında kaydeder; bu yüzden önce ürün şablonuna, sonra listeyi göstermek istediğiniz diğer şablonlara ekleyin. Listenin ürün sayfalarında görünmesini istemiyorsanız "Listeyi ürün sayfalarında göster" seçeneğini kapatın; ürün yine de kaydedilir.

Fiyatlar ve stok güncel mi?

Evet. Bölüm her handle için ürünün güncel verisini mağazanızdan ister (/products/ .js); fiyat, karşılaştırma fiyatı ve tükendi durumu mağazanızın bugün gösterdiğiyle aynıdır. Sildiğiniz ürünler listeden düşer.

Çerez bildirimi ya da onay gerekir mi?

Bölüm ürün handle’larını müşteriyi izlemek ya da profillemek için değil, müşterinin kendi kullanımı için cihazda tutar; gizlilik düzenlemelerinde bu genellikle işlevsel depolama sayılır. Yükümlülükleriniz satış yaptığınız pazarlara ve gizlilik politikanıza bağlıdır; emin değilseniz kendi danışmanınızın görüşünü alın.

Müşteri henüz hiçbir ürüne bakmadıysa ne görür?

Hiçbir şey: gösterilecek en az bir ürün olana kadar bölüm gizli kalır; JavaScript kapalıysa hiç görünmez. Tema düzenleyicide ise tasarımı ayarlayabilmeniz için yer tutucu kartlar gösterilir.

Son görüntülenen ürünler

Müşterilere son baktıkları ürünleri, en yenisi başta gösterin. Handle’lar müşterinin tarayıcısında kalır; fiyat ve stok mağazanızdan anlık gelir. Uygulama yok.

Kategori: Ürün ve koleksiyon keşfi
Kullanım yeri: Ürün, Ana sayfa, Koleksiyon, Sepet
Okuduğu veri: Müşterinin tarayıcısındaki ürün handle’ları (localStorage), mağazadan güncel ürün bilgisi
Boyut: 34 KB, küçük bir betik içerir
Lisans: MIT, müşteri işlerinde ücretsiz

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

Kısaca

Son görüntülenen ürünler, her müşteriye son baktığı ürünleri en yeniden başlayarak gösteren ücretsiz bir Shopify bölümüdür. Ürün sayfasında, görüntülenen ürünün handle’ını müşterinin kendi tarayıcısına (localStorage) kaydeder; bölümü hangi sayfaya eklerseniz ekleyin bu handle’ları okur ve her ürünün güncel adını, görselini, fiyatını ve stok durumunu mağazanızdan çeker. Böylece stoğu tükenen ya da indirime giren bir ürün güncel haliyle görünür. Hiçbir veri bir uygulamaya ya da izleme hizmetine gönderilmez; silinen ürünler listeden kendiliğinden çıkar, "Geçmişi temizle" düğmesi listeyi boşaltır ve gösterecek ürün olana kadar bölüm görünmez. Online Store 2.0 temalarında uygulama olmadan çalışır.

Örnek içerikli demo

Ne zaman kullanılır

Ürün açıklamasının altında, müşteri karşılaştırdığı ürünlere tek tıkla dönebilsin diye
Sepet sayfasında ya da ana sayfada, geri dönen ziyaretçiye baktığı ürünleri yeniden göstermek için
404 ya da arama sayfasında, müşterinin zaten bildiği ürünlere hızlıca dönebileceği bir kısayol olarak

Tema düzenleyicide

Başlık (H1–H3 ya da paragraf etiketi, üç boyut) ve giriş metni
Geçmişi temizle düğmesi ve temizledikten sonra görünen mesaj
Listeyi ürün sayfalarında göster ya da orada yalnızca ürünü kaydet
Gösterilecek ürün sayısı (2–12), görsel biçimi, düz ya da kart stili, köşe yuvarlaklığı, satıcı
İndirim ve tükendi rozetleri, ekran okuyucu fiyat etiketleri
Masaüstünde (2–6) ve mobilde (1–2) sütun sayısı, mobilde ızgara ya da kaydırılabilir sıra
Sayfa ya da tam genişlik, cihaza göre başlık hizalaması
Arka plan rengi ya da gradyanı, metin, vurgu, vurgu üzerindeki metin ve kart renkleri
Cihaza göre üst ve alt boşluk, yalnızca masaüstünde/mobilde göster, çapa kimliği (anchor ID), kartların belirmesi

Dosyalar

sections/lib-recently-viewed.liquid

İndir

Kodu görün

lib-recently-viewed.liquid dosyasını açın

snippets/lib-product-card.liquid

İndir

Kodu görün

lib-product-card.liquid dosyasını açın

snippets/lib-image.liquid

İndir

Kodu görün

lib-image.liquid dosyasını açın

Sade Liquid, CSS ve küçük bir betikle 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

Görüntüleme geçmişi nerede saklanıyor?: Yalnızca müşterinin tarayıcısında, localStorage’da tek bir anahtar altında, en çok 24 ürün handle’ından oluşan bir liste olarak. Ad, e-posta, çerez kimliği ya da başka hiçbir şey tutulmaz; Lintel’e ya da bir uygulamaya hiçbir şey gönderilmez. Müşteri site verilerini sildiğinde ya da bölümdeki "Geçmişi temizle" düğmesine bastığında liste silinir.
Bölümü ürün şablonuna eklemem gerekiyor mu?: Evet. Bölüm ürünleri yalnızca ürün sayfalarında kaydeder; bu yüzden önce ürün şablonuna, sonra listeyi göstermek istediğiniz diğer şablonlara ekleyin. Listenin ürün sayfalarında görünmesini istemiyorsanız "Listeyi ürün sayfalarında göster" seçeneğini kapatın; ürün yine de kaydedilir.
Fiyatlar ve stok güncel mi?: Evet. Bölüm her handle için ürünün güncel verisini mağazanızdan ister (/products/<handle>.js); fiyat, karşılaştırma fiyatı ve tükendi durumu mağazanızın bugün gösterdiğiyle aynıdır. Sildiğiniz ürünler listeden düşer.
Çerez bildirimi ya da onay gerekir mi?: Bölüm ürün handle’larını müşteriyi izlemek ya da profillemek için değil, müşterinin kendi kullanımı için cihazda tutar; gizlilik düzenlemelerinde bu genellikle işlevsel depolama sayılır. Yükümlülükleriniz satış yaptığınız pazarlara ve gizlilik politikanıza bağlıdır; emin değilseniz kendi danışmanınızın görüşünü alın.
Müşteri henüz hiçbir ürüne bakmadıysa ne görür?: Hiçbir şey: gösterilecek en az bir ürün olana kadar bölüm gizli kalır; JavaScript kapalıysa hiç görünmez. Tema düzenleyicide ise tasarımı ayarlayabilmeniz için yer tutucu kartlar gösterilir.

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.

Ürün ve koleksiyon keşfi
Koleksiyon kartları
Görsel, başlık, etiket ve ürün sayısıyla en fazla sekiz koleksiyon kartı. Metin görselin üstünde ya da altında, 2–5 sütun ya da mobilde kaydırılabilir satır.
Ürün ve koleksiyon keşfi
Sekmeli koleksiyonlar
Yeni gelenler, Çok satanlar, İndirim ya da istediğiniz koleksiyonlar tek bölümde, sekmeli ızgarada; her sekmede Tümünü gör bağlantısı. Erişilebilir sekmeler.
Ürün ve koleksiyon keşfi
Tamamlayıcı ürünler
Ürün sayfasında "Bununla iyi gider" kartları: Search & Discovery’de seçtiğiniz tamamlayıcı ürünler, hızlı sepete ekleme düğmesiyle. Ücretli uygulama gerekmez.