Linux 软件免费装
Banner图

SilkyPress Input Field Block

开发者 diana_burduja
更新时间 2024年8月22日 16:37
PHP版本: 7.3 及以上
WordPress版本: 6.6
版权: GPLv2 or later
版权网址: 版权信息

标签

WooCommerce checkout manager checkout block editor checkout block field checkout block input field checkout block customizer

下载

1.1 1.0 1.2 1.3 1.4 1.5

详情介绍:

Basically, it is a checkout field editor plugin, but for the WooCommerce block checkout [youtube https://youtu.be/kHiKNGsyYCQ] The WooCommerce block checkout can be edited directly from the Gutenberg editor (open the "WP Admin -> Pages -> Checkout" for editing). By default WooCommerce allows adding only Paragraph/Image/Separator inner blocks to the checkout block. The SilkyPress Input Field Block plugin lets you add inner blocks with a custom input field to the checkout block. The plugin creates a block, called Input Field, which can be added to an inner block of the Checkout Block. One instance of the block will add one custom field to the checkout form. The block can be added as many times as necessary to the Checkout Block and can be inserted more than one time within the same inserter place of the Checkout Block. Input Field block settings After adding an Input Field inner block to the checkout block, you can change its settings in the Block Inpector on the right side of the editor. Within the settings General tab you can set its: Input Field validation on the frontend In the Validation tab you can toggle the input field as to be required or optional. On the frontend, if a required input field is left empty by the customer, then, upon clicking the Place Order button, the Please fill this field error message will be shown. Storing the value of the Input Field After clicking the Place Order button, the value of the Input Field will be saved to the database as a custom field associated with the order. In the Presentation tab of the Input Field block's settings you can enable:

屏幕截图:

  • Add the `Input Field` block to the checkout
  • Change the field's type, label, id, default value from the settings
  • Input field's validation on the frontend
  • The input field's value on the `Edit Order` page in the admin
  • The input field's value on the customer's `Order Confirmation` page
  • The input field's value in the customer's email

更新日志:

1.6 1.5 1.4 1.3 1.2 1.1 1.0