Skip to main content
Currently in beta - there are known bugs and limitations.
Allow customers to search by the availability of items from the collection page.

​
Setup

​
Step 1: Install Shopify Search & Discovery app

This is a free Shopify app that you need to install to use the Methods filter.
1

Install the Shopify Search & Discovery app

For the filter to work you need to install the Shopify Search & Discovery app.

​
Step 2: Create the Supercycle Methods metafield

You need to create a metafield definition for Supercycle Methods to enable filtering by method type.
1

Navigate to metafields

Go to Shopify > Settings > Custom data > Products > View unstructured metafields.
2

Add the metafield definition

Find supercycle.methods and click Add definition.
3

Configure the metafield

Set the following:
  • Name: Supercycle Methods
  • Type: List of single line text
4

Enable filtering options

Turn on the following options:
  • Filter on the product list and in the Admin API
  • Use as a condition in smart collections
5

Save the metafield

Click Save to create the metafield definition.

​
Step 3: Add filters in Search & Discovery

1

Open the Search & Discovery app

Go to the Search & Discovery app in your Shopify admin.
2

Navigate to filters

Go to Filters and click Add filter.
3

Add Rental availability filter

Select source as Rental availability and save.
4

Add Supercycle Methods filter

Click Add filter again and select Supercycle Methods as the source.
5

Save your changes

Don’t forget to save your changes before leaving the app.

​
Step 4: Find your collection section ID

You need to find the section ID of your collection page to configure the Methods filter block.
1

Open the theme customizer

Go to Shopify > Sales Channels > Online Store > Customize and navigate to a collection page.
2

Open browser developer tools

Right-click on the page and select Inspect to open developer tools.
3

Go to the Network tab

In the developer tools, click on the Network tab.
4

Clear the network log

Click the clear button to clear any existing network requests.
5

Trigger a filter request

Click on one of the existing filters on the page (e.g., the price filter) and apply it. This will create a network request.
6

Find the filter request

In the network log, look for the filter request. If you used the price filter, you should see a request with .price in the name. Click on it.
7

Copy the section ID

From the request details, copy the section ID value. Close the developer tools when done.

​
Step 5: Activate the Methods Filter app block in your theme

To use the Methods Filter in your theme, you need to add the app block.
1

Customize theme

From your Shopify admin, go to Online store and click Customize on the theme you want to add Supercycle to.
2

Add the Methods filter block

Go to a collection page, on the sidebar, click the Add section icon and click apps, then select the Methods filter block.
3

Configure the Methods filter block

In the Methods filter block settings, paste the section ID you copied earlier into the Collection section ID field.
4

Edit the app block settings

Edit the app block setting to set what types of filter you want, Membership, Calendar, or everything. (Language can be changed in Settings -> Language)
5

Save your theme changes

Don’t forget to save your changes before leaving the theme customizer.
6

Hide the filters

Check it all works then you will then need to hide the Rental availability Search & Discovery filters with custom css.