Koleksiyon sort_by ve filtre adresleri
Shopify koleksiyonuna sıralı ya da filtreli link verin: tüm sort_by değerleri ve tür, marka, etiket, fiyat, stok ve seçenekler için filter.p / filter.v.
- Sıralama
- ?sort_by=price-ascending
- Filtre
- filter.p.* (ürün), filter.v.* (varyant)
- Gereken
- Search & Discovery’de tanımlı filtreler
- Çalıştığı yer
- Koleksiyon ve arama sayfaları
- Son kontrol
Kısaca
Koleksiyon adresleri sort_by (best-selling, price-ascending, created-descending ve beş değer daha) ile mağaza filtresi parametrelerini kabul eder: ürün verisi için filter.p.<özellik>, varyant verisi için filter.v.<özellik>; örneğin /collections/all?filter.v.option.color=red&filter.v.availability=1. Banner ve e-postalarda müşteriyi hazır bir seçkiye indirmek için kullanın. Bir filtre, ancak Search & Discovery uygulamasında tanımlandıktan sonra çalışır.
Nasıl kullanılır
- İhtiyacınız olan filtreleri Search & Discovery uygulamasında ekleyin (tür, marka, etiket, fiyat, stok, seçenekler, metafield’lar).
- Filtreleri vitrinde bir kez uygulayıp adresi kopyalayın ya da elle kurun: filter.p.product_type=shoes, filter.v.option.size=L.
- Sekiz değerden biriyle sort_by ekleyin; parametreleri & ile birleştirin.
- Aynı filtrede birden fazla değer için virgül kullanın (red,blue): değerler VEYA, farklı filtreler VE ile birleşir.
Kod
sort-links.liquid{%- comment -%}
Plain sort links built from the collection's own options, so the list
matches what Shopify accepts. The sort_by filter only works on collection.url.
{%- endcomment -%}
{%- assign current = collection.sort_by | default: collection.default_sort_by -%}
<nav aria-label="Sort products">
{%- for option in collection.sort_options -%}
<a href="{{ collection.url | sort_by: option.value }}"
{%- if option.value == current %} aria-current="true"{% endif %}>
{{- option.name -}}
</a>
{%- endfor -%}
</nav>
urls.txt# sort_by values on collection pages
manual best-selling title-ascending title-descending
price-ascending price-descending created-ascending created-descending
https://your-store.com/collections/shoes?sort_by=price-ascending
# Storefront filters: filter.<p|v>.<attribute>[.<scope>]=<value>
# p = product level, v = variant level. The filter must exist in
# Search & Discovery first; values are case as stored.
https://your-store.com/collections/all?filter.p.product_type=shoes&filter.v.option.color=red
https://your-store.com/collections/all?filter.v.option.color=red,blue
https://your-store.com/collections/all?filter.v.availability=1
https://your-store.com/collections/all?filter.v.price.gte=20&filter.v.price.lte=50
https://your-store.com/collections/all?filter.p.vendor=vendor1
https://your-store.com/collections/all?filter.p.tag=new,trending
https://your-store.com/collections/all?filter.p.m.custom.made_in=canada
# Combine with sorting
https://your-store.com/collections/shoes?filter.v.availability=1&sort_by=best-selling
Lintel tarafından yazıldı. MIT lisansı: kendi mağazanızda da müşteri işlerinizde de ücretsiz kullanabilirsiniz.
Sınırlar ve özel durumlar
- Filtrelenmiş ve sıralanmış adresler aynı ürünleri farklı sırayla ya da alt küme olarak gösterir. Menülerin ve site haritasının dışında tutun; canonical etiketi koleksiyonu göstersin.
- Bir mağazada en fazla 25 filtre olabilir.
- Fiyat filtreleri (filter.v.price.gte / .lte) tutarı mağazanın varsayılan para birimi biçiminde alır.
- Metafield filtreleri namespace ve key kullanır: filter.p.m.custom.made_in=canada.
Sık sorulan sorular
- Shopify hangi sort_by değerlerini kabul eder?
- manual, best-selling, title-ascending, title-descending, price-ascending, price-descending, created-ascending ve created-descending.
- Filtrelenmiş bir Shopify koleksiyonuna nasıl link verilir?
- Filtre parametrelerini koleksiyon adresine ekleyin; örneğin /collections/shoes?filter.v.option.size=42&filter.v.availability=1.
- Filtre adresim neden hiçbir şey yapmıyor?
- Filtrenin Search & Discovery uygulamasında tanımlı olması ve değerin kayıtlı değerle, örneğin seçenek değerinin tam haliyle eşleşmesi gerekir.
- Filtreler arama sayfasında da çalışır mı?
- Evet. Mağaza filtreleri koleksiyon ve arama sonuçları sayfalarında çalışır.
Shopify belgeleri
- Gösterilen tarihte bir Shopify mağazasında denendi. Shopify yönetim panelini sık değiştirir; bir adım farklı görünüyorsa fikir genellikle hâlâ geçerlidir.
- Örneklerde yer tutucu ID’ler ve your-store.myshopify.com kullanılır. Kendi değerlerinizle değiştirin.
- Kod parçaları MIT lisanslıdır.
Mağazanız için kurulmasını, test edilmesini ve bakımını isterseniz: Shopify geliştirme.
