-
Posts
-
I have linked a social icon to a QR code image. It opens in the same tab alone. In order to scan more easily (shows in the center) and won’t leave the webpage, I want to enable the Lightbox for the icon. How can I do that? Thank you.
Hey kelvinsze!
I’m not really sure I understand. You are displaying an icon with our icon element and want it to open in lightbox when clicked on? Our icons are not actual images, they are actually font symbols. I suppose it might be possible by opening it up in an iframe but I’m not sure why anyone would want to do that.
Can you send us a link to your page so we can get a better idea of what’s going on?
Regards,
ElliottHi Elliott，
Thanks for your answer. Here is our website http://www.cscapital.cn/. It’s in Chinese language so let’s just focus on the top-right corner of the frontpage. As you may see, I added two chinese social site (Weibo & Wechat) at the last.
Because the Wechat account (the last icon highlighted in this pic http://cl.ly/image/011V1K022C2y) doesn’t have a direct link, so I linked the icon to a QR image file (http://www.cscapital.cn/weixin.jpg) for visitors to scan with their Wechat app. As a result, it opens alone in the tab. I’m sure you could understand this isn’t a good way to display it, right?
I’m aware of the icons are symbols instead of images, but I can only think of using the lightbox to display the image. Is there any way to do that?
I’ll be appreciated if you could tell me there is any way better to do that.
Kelvin
Hey!
How you currently have it setup would be the best way I think.
If you need it to open up in a popup then set the link so it points to the QR Code and then open up /enfold/js/avia.js and around line 971 you should see this.
links.not(options.exclude).addClass('lightbox-added').magnificPopup(av_popup);Add this beneath it.
jQuery('.social_bookmarks_weixin a').magnificPopup(av_popup);Cheers!
Elliott
- The topic ‘How can I enable Lightbox effect for a social icon linked to a image file?’ is closed to new replies.