Fields ACF & SCF for Elementor and Divi

Create the fields in SCF and define them on the Gutenberg editing page. After filling in the fields, proceed to the Plugin editing page (Elementor or Divi).

In the Elementor editor:

On the Elementor page, use the plugin’s own components and insert the created fields through dynamic tags.

In the Divi theme editor, there are 2 components:

Performs the Loop and filters the posts inserted in it through the SCR Object component.

Creates a gallery in grid or slide style, allowing the user to customize the set of images coming from SCR.

External Libraries

Slick-carousel: Library that creates sliders or grids dynamically.

Shortcode: [lknscf_field] Use this shortcode to display a text field or a checkbox. Minimum required parameter: [lknscf_field name=”SCF Field”].

Parameters for [lknscf_field]:

name: The name of the SCF field to retrieve the field value. This is a required parameter.

type: Optional. The type of field (e.g., “text” or “checkbox”). The default is “text”.

label: Optional. The label to be displayed next to the field (e.g., “Name:”).

tag: Optional. The HTML tag to wrap the field. Can be “h1”, “h2”, “h3”, “p” or “span”. The default is “p”.

font_size: Optional. The font size for the field text. The default is 16px.

color: Optional. The color of the field text. The default is (#000000).

background_color: Optional. The background color for the field. The default is transparent.

border_radius: Optional. The border radius for the field. The default is 0px.

checkbox_size: Optional. The size (height and width) of the checkbox. The default is 16px.

Shortcode: [lknscf_gallery] Use this shortcode to display a gallery. Minimum required parameter: [lknscf_gallery name=”SCF Field”].

Parameters for [lknscf_gallery]:

name: The name of the SCF field to retrieve the gallery items. This is a required parameter.

gallery_style: Optional. The style of the gallery, can be “grid” or “slider”. The default is “grid”.

width: Optional. The width of the images in the gallery. The default is 250px.

height: Optional. The height of the images in the gallery. The default is 250px.

images_count: Optional. The number of images per slider. The default is 1.

dots: Optional. Whether to display navigation dots in the slider. The default is “true”.

autoplay: Optional. Whether to autoplay the slider. The default is “true”.

arrows: Optional. Whether to display navigation arrows in the slider. The default is “true”.

delay: Optional. The delay between slides in autoplay mode, in milliseconds. The default is 7000ms.