How to create custom fields in Joomla! 3.7?
Rate this item

It's time to create new or re-design your websites to bring it to the next level.

Download 100+ Free Joomla! templates Download 100+ Free WordPress themes

1/ Instruction about new Custom Fields feature in Joomla! 3.7

Today, 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.

2/ How to create custom field for article

a) Instruction with details screenshots and steps

How to see Custom Fields via Article Content

  1. Log in on the back end.
  2. Navigate to Content -> Articles.
  3. You will see new features Fields, Fields Groups

Create a custom fields

  1. Log in on the back end.
  2. Navigate to Content -> Articles.
  3. On left sidebar, you can see Field Groups

 

Create new Field Group, example: Resource

New Field Group just created successfully

Create a custom fields

  1. Log in on the back end.
  2. Navigate to Content -> Articles.
  3. On left sidebar, you can see Fields

Create 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

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

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

Put Custom Field to article

  1. Log in on the back end.
  2. Navigate to Content -> Articles.
  3. Add new or edit exiting article

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.

And I put resource URL as joomla.org for example

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

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

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.

3/ 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

Looking for a free Landing Pages template to start creating your stunning website?

90+ Landing Styles (Onepage) for Joomla! 80+ Landing Styles (Onepage) for WordPress

50-off

[Flash Sale] Save 50% for your purchase on today!

Put this Coupon Code during checkout: AUGUST50

Please notice that it availables from NOW to next 24 hours , don’t miss!

eskişehir escort izmit Escort bursa escort bayan ankara escort bayan van escort bayan elazığ escort bayan erzurum escort bayan
[Flash Sale!] See how we will work on August and Grab 25% discount for your PRO or Membership order! =>> Learn more and Get Discount Code!
[Weekend Sale!] Get 50% Discount for your New Orders (PROs or Membership)! Get Coupon Code!