amp-image-lightbox come pre-installed & enabled for awesome image zoom lightbox display for post & static Blogger pages.This image lightbox display uses AMP image lightbox component & dynamically created to handle images in blog posts - without the needs to add additional markup. This component is a replacement for Blogger built-in image lightbox since that it was disabled to utilize AMP HTML elements & validation.
How to Enable/Disable amp-image-lightbox for Template
- Go to Blogger dashboard select Template
- Click Template HTML button.
- Use template search
Ctrl + Fto find variableCONFIG_LIGHTBOXor simply scroll until<body>tag. - Set to
trueto activateamp-image-lightboxorfalseto disable its functions. - Click Save Template & Preview your changes.
Variable
CONFIG_LIGHTBOXRequired value:
boolean (true or false)Description: Enables or disables
amp-image-lightbox functions for images on posts & static pages. More new improvements & features introduced for 2017 on Blogger integrated AMP HTML template & you can read template roadmap at this theme version page.
In the meanwhile, details & usages for
amp-image-lightbox component & tags used by AMP HTML project is detailed out here: Allow “image lightbox” or similar experience upon user interaction - AMP HTML Project.Most of the heavy work have been done for you by template, which makes it easy for you to publish more contents on your blog while getting the best results in search engines with minimal effort ;).
If you have any new features you would like to share, get in touch with us or leave a comment below to share your ideas & discuss on improvements in making Blogger platform great again.