컬렉션 페이지의 상품 페이지에 표시될 앞으로, 뒤로 버튼을 만들려고 합니다. 컬렉션 페이지에서 필터를 선택한 후 상품을 클릭했을 때, 사용자가 선택한 필터에 따라 나열된 상품을 앞뒤로 이동하는 버튼을 만들고 싶습니다. 내 버튼은 전체 컬렉션 페이지에서만 앞뒤로 이동합니다. 필터를 기반으로 나열된 제품을 처리하려면 아래 코드를 어떻게 다시 작성해야 합니까?
기본적으로 스크립트를 사용하여 페이지 document.referrer의 검색 매개변수에서 필터를 감지한 다음 스크립트를 통해 해당 필터를 다시 실행합니다. 필터링된 제품을 스크롤하고 제품을 찾으면 클라이언트 측에서 이전 및 다음 버튼을 다시 작성하여 올바른 제품을 가리킬 수 있습니다.
새 페이지가 로드될 때 캐시(키가 현재 필터 매개변수임)를 확인할 수 있도록 window.sessionStorage제품 ID를 사용하여 스크립트 필터를 순서대로 캐시할 수 있으며, 제품을 찾으면 조회를 건너뛸 수 있습니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
이 오래된 기사를 다시 살펴보세요. Shopify: 컬렉션에서 가장 높은 가격의 품목을 구매하고 팁을 알아보세요.
기본적으로 스크립트를 사용하여 페이지 document.referrer의 검색 매개변수에서 필터를 감지한 다음 스크립트를 통해 해당 필터를 다시 실행합니다. 필터링된 제품을 스크롤하고 제품을 찾으면 클라이언트 측에서 이전 및 다음 버튼을 다시 작성하여 올바른 제품을 가리킬 수 있습니다.
새 페이지가 로드될 때 캐시(키가 현재 필터 매개변수임)를 확인할 수 있도록
window.sessionStorage제품 ID를 사용하여 스크립트 필터를 순서대로 캐시할 수 있으며, 제품을 찾으면 조회를 건너뛸 수 있습니다.캐시 라우팅을 사용하는 경우 일종의 부실 기준도 설정해야 합니다.