{"id":369392,"date":"2023-02-20T12:06:14","date_gmt":"2023-02-20T12:06:14","guid":{"rendered":"https:\/\/webkul.com\/blog\/?p=369392"},"modified":"2025-08-20T04:33:03","modified_gmt":"2025-08-20T04:33:03","slug":"user-guide-cs-cart-product-custom-field","status":"publish","type":"post","link":"https:\/\/webkul.com\/blog\/user-guide-cs-cart-product-custom-field\/","title":{"rendered":"User Guide for CS-Cart Product Custom Field"},"content":{"rendered":"\n
CS-Cart Product Custom Fields are additional fields that can be added to a product in the eCommerce platform. <\/p>\n\n\n\n
These fields allow store owners to collect and display more detailed information about their products, such as size, color, price, and many more.<\/p>\n\n\n\n
Custom fields can create and customized to fit the specific needs of a store, and can use to filter products, sort them in search results, or provide more detailed product descriptions to customers.<\/p>\n\n\n\n
Check the video mentioned below for an overview of the extension:<\/p>\n\n\n\n
BLmD4L6d7SA<\/div><\/div><\/div><\/div>\n\n\n\n
\n
Features<\/h2>\n<\/div><\/div>\n\n\n\n
\n
This add-on supports Multi-Vendor\/CS-Cart.<\/li>\n\n\n\n
The admin can easily add, edit, delete, enable, or disable the custom fields.<\/li>\n\n\n\n
The admin can add as many product custom fields as required and show them on product pages(Frontend and backend).<\/li>\n\n\n\n
The admin can enter the custom field according to the product description.<\/li>\n\n\n\n
Create custom fields for products with various types such as text, date, time, checkbox, phone, email, radio and select.<\/li>\n\n\n\n
The admin can set custom field values for individual products.<\/li>\n\n\n\n
The customer can view the custom fields on product pages and in the shopping cart.<\/li>\n\n\n\n
Use custom fields to filter and search for products in the storefront.<\/li>\n<\/ul>\n\n\n\n
How To Upload And Install The Add-on<\/strong><\/p>\n\n\n\n
After downloading the Cs-Cart Product Custom Field add-on you\u2019ll get the zip file, one install.txt file, and a relevant User Guide manual doc. <\/p>\n\n\n\n
Read it carefully for proper configuration. Go to Manage Add-ons, and click on \u201c+\u201d as shown below in the snapshot.<\/p>\n\n\n\n<\/figure>\n\n\n\n
Click on \u201cLocal\u201d to browse the zip file and then click on \u201cUpload & Install\u201d as shown below in the snapshot.<\/p>\n\n\n\n<\/figure>\n\n\n\n
After the add-on installation, we need to configure the settings. For that admin needs to click on the Cs-Cart Product Custom Field and then a new tab will open for configuration.<\/p>\n\n\n\n<\/figure>\n\n\n\n
The admin can manage the custom product field where they can check the Id, Name, Code, Class, Type, Show On FronEnd, Required, Date, Time, Action, and status.<\/p>\n\n\n\n
Here admin can manage the given options:<\/p>\n\n\n\n
Date\/Time: <\/strong>It will automatically set the date\/time on which day the custom field will add.<\/p>\n\n\n\n
Action: <\/strong>The product custom field can be edited\/deleted by the admin.<\/p>\n\n\n\n
Status:<\/strong> The status of the field can be active or disabled by the admin.<\/p>\n\n\n\n<\/figure>\n\n\n\n
After that, the admin can also edit any product custom field and can make changes.<\/p>\n\n\n\n<\/figure>\n\n\n\n
Now, the admin can select any product to add the custom field to add the specific features for a particular product.<\/p>\n\n\n\n<\/figure>\n\n\n\n
Now you can check that only two \u201cCustom Fields\u201d are mandatory to fill. Because while adding the custom field \u201cRequired\u201d checkbox was not marked for the remaining fields<\/p>\n\n\n\n<\/figure>\n\n\n\n
\n
FrontEnd View<\/h3>\n<\/div><\/div>\n\n\n\n
Here customers can only view the Custom Fields which fill by the admin.<\/p>\n\n\n\n<\/figure>\n\n\n\n
![\"installation](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/02\/cs-cart-custom-product-fields.webp\")
<\/figure>\n\n\n\n![\"product](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/02\/webkul-cs-cart-product-custom-field-zip-installation-1200x583.webp\")
<\/figure>\n\n\n\n\n![\"cs](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/02\/webkul-cscart-product-custom-fields-add-on.webp\")
<\/figure>\n\n\n\n\n![\"product](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/02\/webkul-cs-cart-product-custom-fields-management.webp\")
<\/figure>\n\n\n\n\n![\"add](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/02\/webkul-cscart-add-product-custom-fields.webp\")
<\/figure>\n\n\n\n\n![\"manage](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/02\/webkul-cs-cart-product-custom-fields-management-1.webp\")
<\/figure>\n\n\n\n![\"edit](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/02\/webkul-cscart-edit-product-custom-fields.webp\")
<\/figure>\n\n\n\n![\"admin](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/02\/webkul-cscart-product-custom-fields-product-list.webp\")
<\/figure>\n\n\n\n![\"product](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/02\/webkul-cscart-product-custom-fields-in-product-configuration.webp\")
<\/figure>\n\n\n\n\n![\"frontend](\"https:\/\/cdnblog.webkul.com\/blog\/wp-content\/uploads\/2023\/02\/webkul-cscart-product-custom-fields-product-page.webp\")
<\/figure>\n\n\n\n\n