Filter Product by Custom Fields in WooCommerce

Adding Custom Fields to Products

Custom Fields allow you to add additional metadata to WooCommerce products, which can later be used for filtering or display purposes.

Step 1: Open Product Editor

1. Go to WordPress Dashboard → Products.
2. Click Edit on an existing product, or click Add New to create a new product.

Step 2: Enable Custom Fields (If Not Visible)

If you do not see the Custom Fields section:

1. Click Screen Options at the top-right corner of the editor.
2. In the Screen Elements list, check Custom Fields.
3. Close the Screen Options panel.

The Custom Fields section will now appear when you scroll down.

Step 3: Add a Custom Field

1. Scroll down to the Custom Fields section.
2. Under Add Custom Field:
   • Enter a Name for the custom field.
   • Enter the corresponding Value.
3. Click Add Custom Field.

Step 4: Edit or Delete Custom Fields

• To edit, update the value and click Update.

• To remove, click Delete next to the custom field.

Manage Custom Fields in the Filter Widget Form

1. Access Filter Settings:
   • Go to Product Filters > Form Manage in your WordPress dashboard.
2. Show Custom Fields:
   • In the settings, find the Custom Fields option.
   • Toggle this option on or off to control whether the Custom Fields filter appears in the widget.

Style/Design/Customize the Custom Fields Widget

1. Access Form Style Settings:
   • Go to Product Filters > Form Style in your WordPress dashboard.
2. Select Authors from Dropdown:
   • From the Select Attribute dropdown menu, choose Custom Fields
   • Then choose which Custom Field you want to style
3. Choose Custom Fields Style Options:
   • Select one of the style options:
     • Checkbox
     • Color
     • Image
     • Select
4. Select Suboptions:
   • Based on the style option you choose, configure the suboptions to customize the appearance and functionality of the attribute widget. This may include selecting colors for the color option or uploading images for the image option.
5. Optional Settings
   • Enable Minimization Option
   • Single Selection
   • Show / Hide Number of Products
   • Max Height
   • Show / Hide Widget Title
   • Widget Title
   • Order Values / Terms By
   • Order Direction
6. Advanced Settings
   • CSS Class
   • Operator
   • Include / Exclude Terms From Filters
   • Enable Terms Search
   • Layout
   • Enable / Disable Tooltip
   • Show in Active / Chips Filter Widget
7. Save Changes:
   • After customizing the Authors widget, make sure to click Save to apply your changes.

Step 3: Display the Product Filter on Your Webpage

1. Insert Filter Shortcode:
   • Visit the page where you want to display the product filter.
   • Add the shortcode plugincy_filters to the desired location (e.g., in a page or widget).
2. Optional Product Shortcode:
   • If you want to display products alongside the filters, you can also include the shortcode products.
3. Customize Sidebar or Page:
   • You can add the filter shortcode to a sidebar widget or directly within a page’s content.

Once you have completed these steps, customers will be able to filter products by authors on your webpage using the Dynamic AJAX Product Filters plugin.