Shopify, butang hadapan dan belakang melalui senarai produk yang ditapis

Question

Saya cuba membuat butang hadapan dan belakang yang akan dipaparkan pada halaman produk halaman koleksi. Apabila penapis dipilih pada halaman koleksi dan kemudian produk diklik, saya ingin membuat butang yang pergi ke hadapan dan ke belakang melalui produk yang disenaraikan berdasarkan penapis yang dipilih pengguna. Butang saya hanya pergi ke hadapan dan ke belakang melalui seluruh halaman koleksi. Bagaimanakah saya boleh menulis semula kod di bawah untuk mengendalikan produk yang disenaraikan berdasarkan penapis?

{%- liquid
    assign previous_product = collection.previous_product
    assign next_product = collection.next_product
       assign backFunc = 
    if previous_product or next_product
    else
        assign collectionList = product.collections[0].handle
        assign previous_product = nil
        assign next_product = nil
        assign last = collections[collectionList].products_count
        for p in collections[collectionList].products
            if p.handle == product.handle
                assign prev = forloop.index | minus: 2
                assign next = forloop.index
                if prev >= 0
                  assign previous_product = collections[collectionList].products[prev].handle
                endif
                if last >= next
                  assign next_product = collections[collectionList].products[next].handle
                endif
                break
            endif
        endfor
    endif
-%} 



{%- if previous_product -%}
            <a class="next-prev-icon prev-icon" href="{{ previous_product }}">
              Prev
            </a>
        {%- endif -%}
        {%- if next_product -%}
            <a class="next-prev-icon next-icon" href="{{ next_product }}">
                Next
            </a>
        {%- endif -%}

Saya mencari di internet tetapi tidak menemui sebarang hasil.

Answer 1

Lihat kembali artikel lama ini Shopify: Dapatkan item harga tertinggi dalam koleksi anda untuk petua.

Pada asasnya, anda akan menggunakan skrip untuk mengesan penapis daripada parameter carian dokumen halaman.perujuk dan kemudian jalankan semula penapis itu melalui skrip. Tatal melalui produk yang ditapis dan apabila anda menjumpai produk, anda boleh membina semula butang sebelumnya dan seterusnya di sebelah pelanggan untuk menghala ke produk yang betul.

Anda boleh cache penapis skrip mengikut urutan menggunakan window.sessionStorageID Produk supaya apabila halaman baharu dimuatkan anda boleh menyemak cache (yang kuncinya ialah parameter penapis semasa) dan jika anda menjumpai produk anda, anda boleh melangkau carian.

Jika anda menggunakan penghalaan cache, anda juga perlu menetapkan beberapa jenis kriteria kebas.