Are you looking for ways to collect and display additional information about woocommerce products? The solution is the woocommerce custom field, which you will learn how to use in your post. In particular, you will learn two very important parts of the puzzle. Add custom fields that can be used to add additional product information to the woocommerce product backend. For the woocommerce custom fields, in fact (this is often a tricky part, but I will show you the solution without code), display them in the foreground. In the second puzzle, the focus is to display the custom fields in the following table layout. This is because it enables a completely code free solution. The
If you want to display the woocommerce custom field on a single product page, you will introduce the main focus of this article, but the basic methods you should take, and guide in the right direction. To follow this tutorial on woocommerce custom fields, you need the help of several plug-ins to follow the guide. First, WordPress handles the addition of the woocommerce custom field. Use the free advanced custom field plug-in for org. Then, use the woocommerce product table plug-in to display these custom fields as an easy to shop table layout. The table layout provided by this plug-in is especially suitable for the following situations: The
Digital products of wholesale stores (such as ebook, pictures, audio, video, etc.) Western restaurants (including ordering system) make their own products, etc. By default, this is a great option for creating all types of woocommerce order forms. Are you ready to start? Discover… Part 1: add a WordPress field using advanced custom fields. After installing and activating the free advanced custom field plug-in, navigate to custom field → add field on the WordPress dashboard to create a custom field for the woocommerce product. 1. in \
Product – same – next, use the location rule. If it is a post type, select to display this field group. This tells the advanced custom fields that you want to display only for woocommerce products. That’s all! If necessary, you can adjust the settings options, but it is recommended that you leave them at their default values, and then click publish. Male 2 After adding the woocommerce custom field to the field group, use the + add field button to add the first custom field. Please specify a field label to start. After adding a label, the advanced custom field will automatically fill in the field name. The
An important option to note is field type. Depending on the information you want to collect, you may want to change this drop-down list. Advanced custom fields provide several options: Text – a text area suitable for a short line of text – used to enter multiple sentences \/ paragraphs. Suppose you are selling digital website video files, such as manual pictures, and want to do the following: Or use stickers to display fair trade products. Please attach a PDF document containing detailed information about the sources of each ingredient of granola. Note – this is a stupid example, but the same basic principles apply regardless of the purpose of using custom fields. Additional notes – this example makes me think about the Portland fried chicken sketch. The
Two custom fields are required. Emoticons – use text fields
Or, it is more user-friendly to use the radio buttons with both options selected. File – the file field type allows uploading PDF documents (or other file types specified). If you have added all the woocommerce custom fields you want to use, update the field groups. 3. when editing a product, enter data in the custom field. Now you must display the new custom field when creating a new product or editing an existing product. By default, it appears directly below the text editor, but you can also use the field group settings to move it below the product data frame if desired. The
‹ you may want to enter relevant data in the custom fields of all products for which the custom fields apply. At this point, the backend has successfully created the custom field and stored its information in the database. However, if you navigate to the product page, the custom field data will not be displayed anywhere. Begin the second part of this tutorial here! Part 2: display the woocommerce custom fields in the woocommerce product table in this tutorial, the focus is to import the corresponding custom field data and import it into the following woocommerce order forms: The
To do this, you must install and activate the woocommerce product table plug-in on the woocommerce website. Male 1 To start selecting the columns to display, go to the woocommerce → settings → products → products table. The first thing to configure is the column options in the table content part. Here, instruct the woocommerce product table to display the woocommerce custom fields (including all general product information). At the default level, you can include the following general product information: Name name of the product image – recommended image of the product short description – brief description of the product price – price of the product add to cart – add button in add to cart (you can control the working mode of this button within one second). Each item (separated by commas) is displayed in its own column with associated product data. The
Then, to add a custom field as your own column, you can use the following format: In cf:field name, field name is the actual name of the custom field to be displayed. You can find field names in advanced custom field settings (ACF is automatically generated based on labels). You can also add a colon to change the column title. For example, CF: field name: heading title may end up as follows: Male 2 Other settingsconfiguration column settings are the most important settings when displaying woocommerce custom fields. However, the woocommerce product table also provides many other useful options that can be configured. The
Although it does not seem necessary, you can complete the following tasks, so it is recommended that you navigate: Add delayed loading to the large product list add functions to the shopping cart change filter or sorting options add product variant display method select search window, etc. When you are finished, save your changes. 3. after the configuration of the add-on for the shortcut code of the woocommerce product table is completed, you can use the shortcut code of the woocommerce product table to display the order form anywhere on the site. The default shortcut code is [product\u table]. However, this shortcut shows all the single products in the store, so it may not always be required. The
You can use many include \/ exclude rules in the woocommerce products table to control which products are displayed. For example, if you only want to display the products in the surprise category, you can modify the following shortcut Code: [product_tab
