DAWN Theme - Search & Discovery - Filters displaying other variations in the Size & Color

DAWN Theme - Search & Discovery - Filters displaying other variations in the Size & Color

somersville
Tourist
5 0 2

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.

somersville_0-1736148074885.png

 

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

Replies 3 (3)

websensepro
Shopify Partner
1689 188 224

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?

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP
somersville
Tourist
5 0 2

@websensepro Can you help me with a fix?

websensepro
Shopify Partner
1689 188 224

@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!

Need a Shopify developer? Hire us at WebSensePro For Shopify Design Changes/Coding
For Free Tutorials Subscribe to our youtube
Get More Sales Using Big Bulk Discount APP
Create Your Shopify Store For Just 1$/Month
Get More Sales Using Big Bulk Discount APP