Single image

The complete filed using for a single image, the out put will be full of img tag with attributes

Arguments

Name

Type

Value

Description

type

string

single_image

The type of setting

name

string

{field_name}

The unique name will be used in template

label

string

(optional)

The label that appears above of the setting field.

description

string

(optional)

The description that appears above under of the setting field.

tooltip

string

(optional)

The long description that appears on the tooltip when hover on.

value

object

(optional)

[{

src: string, //'%URL%/image.jpg'

alt: string,

class: string

}]

on

object

(optional)

Add listener events for setting field (Supported all event )

Code example

@schema
{
	"name"		: "Single image",
	"author"	: "LayoutHub",
	"website"	: "https://www.LayoutHub.com"
}
@endschema


<div class="sample-demo">
	
	<p>   
		@print(section.settings.img)
		
	</p>
	
</div>

[
    {
        name: 'img',
        label: 'Single image',
        type: 'single_image',
        value: {
	        src: '%URL%thumbnail.jpg',
	        alt: 'Call to action',
	        class: 'hub-img'
        }
    }
]

PreviousNumber NextImage library

Last updated 4 years ago