Ecommerce Shopify WordPress Discussion

How to implement Shopify's new ProductFilter on the latest storefront API

I have been trying to follow this guide with examples step-by-step, but when I run the following query, Shopify returns every product from the collection instead of the filtered products. I have confirmed that I have the variant options on my products, it just appears to not apply the logic. Appreciate your time ? query shopifyCollectionQuery($handle: String!, $limit: Int!) { collection(handle: $handle) { id title handle products(first: $limit, filters: {variantOption: {name: "Color", value: "Diamond/Grey"}}) { pageInfo { endCursor hasNextPage } edges { node { title totalInventory handle options { name values } variants(first: 100) { edges { node { selectedOptions { name value } } } } } } } } }
If you don't install Shopify's new Search and Discovery plugin, you only have access to the default price/availability filters. Once you install the app, you can create new filters that get exposed on the storefront API (including variant based filters)

December 30, 2023

TurboCommerce make the better internet purchasing globaly

Turbo Multi-language Translator

Make the better internet purchasing globaly

Turbosify SEO Speed Booster

5.0 (7) Free plan available
Get better conversions by improving store loading speed Installed

Turbo Multi-language Chat - AI Customer service in one hand

TurboCommerce make the better internet purchasing globaly
Our products

The help you need, when you need it

App by Turbo Engine

3 apps • 5.0 average rating

Turbosify Speed Booster

5.0 (7)
Get better conversions by optimizing shopify store Google page speed Installed

Turbosify Translator for Wordpress Woocommerce

5.0 (74) Free Wordpress Woocommerce Plugin
Translate your wordpress website to multiple language within 1 click, no configuration needed, no No technical required

Grow your business here

Whether you want to sell products down the street or around the world, we have all the tools you need.