Hello,
We use variation on our listings (Size & Color), we recently enabled Search & Discovery app on our store to provide better shopping experience for the customers.
After enabling the color and size filters on the app, we could see the the other variant which were created along with the selected filters
Ex. Selected Filters “Color: Beige”
Displays other Products which belongs to the Beige variations.
Kindly help us fix this issue.
FILTER WORKS AT PRODUCT LEVEL AND NOT AT VARIANT LEVEL.
I NEED THEM TO WORK AT VARIATION LEVEL FOR BETTER CUSTOMER EXPERIENCE.
Storelink: https://www.somersville.in/
pp: 10102024
Hello @somersville
We have variations for our products (Size & Color) and recently enabled the Search & Discovery app in our store to provide a better shopping experience for our customers.
After enabling the color and size filters in the app, we’ve noticed an issue. When we select a filter (e.g., “Color: Beige”), it shows other products that belong to the beige variation, even if the selected filters are meant to only show variants of the specific product.
For example, if the filter says “Color: Beige”, it displays other products that also have beige in their variations, even though we’re looking for a specific variant of a product (e.g., beige in a specific size).
Can anyone help us fix this issue?
@websensepro Can you help me with a fix?
@somersville
To help with the issue you’re facing, it sounds like the filters in your Search & Discovery app are functioning at the product level rather than the variant (size and color) level. This results in showing products that match the color or size filter, rather than filtering down to the specific variants of a particular product.
Here’s a potential solution to fix this issue:
1. Check the Variant-Level Filtering Settings:- Go to your Search & Discovery app settings.
- Look for an option to enable variant-level filtering. If this is not enabled by default, you might need to adjust your filter settings.
- Ensure that the filters are targeting individual product variants (i.e., size and color combinations), not just the products themselves.
2. Adjust Your Filters in the App:- Filters should be applied to specific variations of a product, not to the whole product listing. For example, if a customer selects “Color: Beige”, the system should only show variants of that product that are beige, not other products with beige options.
- You may need to reconfigure how the app handles color and size filters so that they are linked specifically to each product variation.
3. Check Your Product Variant Structure:- Ensure that all your variants (size, color, etc.) are properly set up within your product listings. Sometimes, when variants are not grouped correctly, the system may treat them as separate products, causing the filtering to behave incorrectly.
- For example, a product with a size and color option (like “Size: Medium, Color: Beige”) should be listed as a single product with variant options rather than separate products.
4. Use Shopify’s Liquid Code (Optional):- If the issue persists and you’re comfortable with code, you could adjust the product template to ensure the filter only applies at the variant level by modifying the Liquid code. You would need to edit the theme code to make sure the filters target the variants of the product rather than the entire product listing.
Example:
{% for variant in product.variants %}
{% if variant.available %}
<option value="{{ variant.id }}">{{ variant.title }}</option>
{% endif %}
{% endfor %}
5. Test the Changes:- Once you’ve made the changes, be sure to test the filters again to ensure that when customers select a color or size filter, they are only shown the correct variants, not other products.
6. Reach Out to Support:- If the app doesn’t provide a variant-level filtering option, it might be helpful to contact the app’s support team to see if they can make adjustments or if there’s a feature you’re missing.
By fixing the filter configuration to target variants (not entire products), your customers should experience a smoother shopping process where only the relevant product variants are shown according to their selected filters.
Let me know if you’d like any further assistance or detailed steps on any of the above suggestions!
Was facing the same issue as @somersville , and tried method 1 which uses variant metafields as variant-level filtering. However upon testing, it did not work and it seemed like the filtering by variant-level metafields still showed all variants of the products that has at least one of its variants containing the selected variant metafield. Is there any work around so that I can show only the variants that has the selected metafield in the filter, and not the other variants even if they are of the same product at product-level?
