How to apply lightbox in tt_content images


 

To open the tt_content images with lightbox you have to set the below typoscript in your TS template.
Before the you must have to install “perfactlightbox” extension and include in template.

tt_content.image.20.1.imageLinkWrap >
tt_content.image.20.1.imageLinkWrap = 1
tt_content.image.20.1.imageLinkWrap {
	enable.override = 1
	# Add new typolink wrapping code
	typolink {
		target =
		title.field = imagecaption
		parameter.cObject = IMG_RESOURCE
		parameter.cObject.file.import.data = TSFE:lastImageInfo|origFile
		parameter.cObject.file.maxW = 800
		parameter.cObject.file.maxH = 600
		# Add the “rel” attribute needed to activate the lightbox effect.
		# This assumes you want slimbox to be navigable
		ATagParams = rel=”lightbox[sb{field:uid}]” class=”lightbox”
		ATagParams.insertData = 1
	}
}

After set this typoscript. you can go to content element and check the checkbox of “Enlarge on Click” and “Lightbox”.
Then after it will work fine.

If you have any query then feel free to contact me at Jainish Senjaliya

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s