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

  1. İhtiyacınız olan filtreleri Search & Discovery uygulamasında ekleyin (tür, marka, etiket, fiyat, stok, seçenekler, metafield’lar).
  2. Filtreleri vitrinde bir kez uygulayıp adresi kopyalayın ya da elle kurun: filter.p.product_type=shoes, filter.v.option.size=L.
  3. Sekiz değerden biriyle sort_by ekleyin; parametreleri & ile birleştirin.
  4. 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.
  • 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.

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.