Attribute selection

[RyanTamulevicz]

Something that would be a nice feature, that I am going to implement in some way or another, would be Attribute selection. This would also take some work in the dashboard/backend I'm sure to make work in a "best practice" way.

Not sure if this is the best place to suggest this or just the regular saleor discussions.

[timuric]

@RyanTamulevicz could you elaborate on what you mean by Attribute selection? We have variant attribute selection for products if that is what you mean.

[RyanTamulevicz]

So for example, currently, there is only really a way to select a single variant on products pages (if I am wrong about this I wasted a lot of time). I am looking to go for something more like this: https://shop.familyhardware.com/product/challenger-designs-48-torch-ceramic-grill-cart

This would allow customers to select individual attributes and then get a variant matched to it.

While it may not be the most "best practice" way of accomplishing this, and I think that the best way would be if there were options for it in the backend, I essentially made a query that would return all of the possible attributes in the variants that are available to be selected. Then once the user selects all attributes they want, I matched the selected attributes to the variant, which then would return the correct picture, price, etc.

[wileyknight]

I believe you're going to want to write a custom query to filter products by attributes. Documentation to do so is here. https://docs.saleor.io/docs/3.x/developer/attributes#fetching-assigned-attributes Fetching Assigned Attributes

You can test it with the graphql playground.

So you'd want to create a custom page with select dropdowns that build the attributes for the query in a form. On a submit or on change you could query the backend for the results and then display your products from the returned json.

[RyanTamulevicz]

I believe you're going to want to write a custom query to filter products by attributes. Documentation to do so is here. https://docs.saleor.io/docs/3.x/developer/attributes#fetching-assigned-attributes Fetching Assigned Attributes

You can test it with the graphql playground.

So you'd want to create a custom page with select dropdowns that build the attributes for the query in a form. On a submit or on change you could query the backend for the results and then display your products from the returned json.

That is what I did to accomplish it :)

I put the suggestion in because maybe there are more people looking for something similar. Would be a cool feature to of had by default!

[wileyknight]

@timuric

I would like to add on to this with an additional question. Does the storefront currently pull all of the variant and attribute info for a product?

I have been messing around for a day trying to get the additional variants and attributes to show up. I've been changing variables, removing and creating new products trying to get them to show. Only the initial attribute and variant show. They aren't in the product object when I console log it out. The array shows only the first value. (ex. Colors attribute with 6 colors only lists the first color: array length = 1) I'm starting to think it's an issue and it's not being pulled from the api.

[wileyknight]

I finally figured out how to get them working.

[timuric]

You could use storefront for reference, which is displaying product attributes info in the description and provides variant selection attributes