3.7/5 - (3 votes)

Joomla! just released new Joomla! 3.7 with many news features, one of best feature is Custom Fields. We would like to write this blog instruction how to create custom fields for Joomla! 3.7. Joomla! 3.7 provides custom fields for Joomla! article and Contact page, we will make article custom fields as example for this blog.

1/ How to create custom field for article

a) Instruction with details screenshots and steps

How to see Custom Fields via Article Content

Step 1: Log in on the back end.

Step 2: Navigate to Content -> Articles.

Step 3: You will see new features Fields, Fields Groups

1

Create a custom fields

Step 1: Log in on the back end.

Step 2: Navigate to Content -> Articles.

Step 3: On left sidebar, you can see Field Groups

2

Use button NEW to create a new Field Group, example: Resource

3

New Field Group just created successfully

3.1

Create a custom fields

Step 1: Log in on the back end.

Step 2: Navigate to Content -> Articles.

Step 3: On left sidebar, you can see Fields

4Use button NEW to create a new Custom Field called ‘Source’, there is some options and you can select such as Field Type, Name, Required or Not, and assign to Field Group just created. In this case, I use URL (url) for custom field type

5

More options with Custom Field such as Placeholder, Render Class,…

6

New Custom Field called ‘Source’ just created, place in Field Group called ‘Resource’

7

Put Custom Field to article

Step 1: Log in on the back end.

Step 2: Navigate to Content -> Articles.

Step 3: Add new or edit exiting article

8

Via details of article, you will see new Custom Field just created, called ‘Resource’, this fields I’m going to create original resource URL for article/blog.

9

And I put resource URL as joomla.org for example

10

This field also valid as we selected URL field during create Custom Field

11

After done, go to front-end website article, you can see Custom Field output called ‘Original Source’ with value that we put

12

b) You can see video instruction about this below

c) How many field types that Custom Field features in Joomla! 3.7 support?

Custom Fields support 15 different field types, you can see full Custom Field types.

2/ Conclusion

Custom fields function is Joomla! 3.7 is very good feature that help you create custom fields for article, contact page. We don’t need to install more extensions in order to create extra fields content for Joomla!. With this feature, we can use article to build product (without shopping cart feature), classfield website, hotel rooms and so on. If you have any questions during create Custom Fields, don’t hesitate to let me know.

Blog Resources: 

https://www.joomla.org/announcements/release-news/5703-joomla-3-7-is-here.html

https://docs.joomla.org/J3.x:Adding_custom_fields

1

We’re Digital Content Marketing team from AgeThemes Marketplace. We provide quality content for everyone who using open source CMS like Joomla and WordPress. If you have any questions or feedback, feel free leave your comment, we happy to assist you asap.

Leave a Reply

Your email address will not be published. Required fields are marked *

Join All-In-One Marketplace DEV package Access all 1000+ paid PRO items and save 99% compare with single purchase! More Details
Black Friday & Cyber Monday Sale! Grab 50% OFF for all products at AgeThemes. Code: BFCM50 More Details