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 = 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

Leave a Reply

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

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

Google photo

You are commenting using your Google 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 )

Connecting to %s