Variation filtering

Hi. I have a 3d printing website. I work with arounbd 60 colors. If I add all of colors to my product the page became messy. And also I have size attirube so it multiple the variations. I just thinking the solution, There are 5 colors group: normal, matte, silk, dual color, tricolor and if I select first color group show only available color under the group. Can I solve it somehow?
Regards,

Hello,

Sorry to say but we didn’t seem to understand your concern properly. Could you please elaborate on your concern more with some useful Screenshots so that we can better understand and assist you accordingly of what you actually want. Also share the product page url.

Best Regards.

I have no printscreen. I have 60 colors on a product. To show all of them on product page not a best way. I would like to group it and show only selected colors. For example color groups: Matte colors, Silk colors. Under matte colors there are the real colors: latte, black, deser tan, green, etc. Under silk colors: apple green, gold, copper, brass, etc. without color group all of them color show on the product paget. First step I would like to select the color group (matte, silk) as a filter, after apply the color group show the colors. Make sense? Regards,

Hello,

Navigate to Products > Attributes. Add new attributes for “Color Group” (e.g., Matte, Silk) and “Color” (e.g., Latte, Black, Apple Green).

Add terms under each attribute (e.g., under “Color Group,” add Matte and Silk; under “Color,” add Latte, Black, etc.).

Navigate to your product, and in the Attributes section, add both “Color Group” and “Color” attributes, selecting the appropriate terms.

In the Variations section, create variations for each combination of “Color Group” and “Color”.

Please follow this guide:
https://woocommerce.com/document/variable-product/

Best Regards.

Hi. thanks for your answer. I made a trial it works fine. But I have a question how can I hide the unavailable colors, because all of variations show all case and the unavailable items disabled but shows. Can I do like a filtering method? first select the color group and after that show the available colors?

Attachments:

You must be logged in to view attached files.

Hello,

Navigate to WooCommerce > Settings > Products tab and click on Inventory. WooCommerce provides a checkbox labeled Out of stock visibility > When enabled, it hides the out of stock products.

Best Regards.

[Author]

Posts