I'm trying to incorporate img links into the shortcode in my template, that will allow the viewer to click on an image and get the larger version of the image to pop=up in a litebox.
Examples -
[wpv-post-featured-image size="custom" width="auto" height="auto"]
[types field='project-image' title='%%TITLE%%' alt='%%ALT%%' size='thumbnail' resize='proportional' separator=' '][/types]
How can I make these link back to the original file, for viewing in a litebox? Additionally, I'd like to add my header and footer to this template (the attached image shows only the view with no header or footer).
Is there any documentation that you are following? - I've tried searching for an answer with no luck.
Is there a similar example that we can see? - hidden link
What is the link to your site? - See above.
How can I make these link back to the original file, for viewing in a litebox?
Hi, different litebox plugins work in different ways, but usually you must create a link tag that wraps around the thumbnail image. The href attribute of that link tag must point to the full-size image URL. So something like this:
<a href="[wpv-post-featured-image size='full' output='url']">[wpv-post-featured-image size="custom" width="auto" height="auto"]</a><br />
<a href="[types field='project-image' output='raw'][/types]">[types field='project-image' title='%%TITLE%%' alt='%%ALT%%' size='thumbnail' resize='proportional' separator=' '][/types]</a>
Your litebox plugin may require that you add some additional CSS class or attributes to the link, you'll need to consult their documentation.
More information about our shortcodes and their options can be found here:
https://toolset.com/documentation/user-guides/views-shortcodes/#wpv-post-featured-image
https://toolset.com/documentation/customizing-sites-using-php/functions/#image
Additionally, I'd like to add my header and footer to this template (the attached image shows only the view with no header or footer).
Our support policy states that we can only address one topic per ticket. I have split this question into a separate ticket so we can continue discussion there: https://toolset.com/forums/topic/add-header-and-footer-to-template-for-posts/
So I was able to get it to display my images using the following code working off what you had suggested the winning code is as follows (Yes I changed fields)
1 [types field="project-image" title='%%TITLE%%' alt='%%ALT%%' size="custom" resize='proportional'][/types]
Now I'd like to go a step further if possible to add scrolling through the pictures, currently they jump into litebox individually...
Got any tricks for that?
I don't have any tricks for this, because the process depends on your lightbox system. Sometimes you must add a special CSS class or data attribute to each image or link tag to let the lightbox know it's part of a collection, or gallery. Other systems require specific shortcodes or page-builder modules. I suggest you consult the documentation for your specific lightbox system. If you can explain to me in plain English, I will tell you what we can offer in Toolset to work in that system.
