Currently in beta - there are known bugs and limitations. For developer information see the Methods filter developer docs.
Setup
1
Install Shopify Search & Discovery app
This is a free Shopify app that you need to install to use the Methods filter.For the filter to work you need to install the Shopify Search & Discovery app.
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.
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.
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.
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.