-
Posted in : cvCard WP
-
Firstly, many thanks for this very well rounded theme, it’s awesome.
Now, I just have one problem : how can I use a lightbox to display a gallery of pictures in a standard portfolio item ?
In my use case I need to display 2 galleries of images on a standard portfolio item.
If I use the following shortcodes in the standard portfolio item, it doesn’t work : it shows the lightbox gallery thumbnail but when I click on it, it doesn’t seem to work.
But if I scroll down to the very bottom of the portfolio item page it looks to be there, partly hidden by the portfolio text.Here are the shortcodes I’ve used (as per documentation) :
[inline_lightbox_wrap type=”image” thumbnail=”/wordpress/wp-content/uploads/images/portfolio/electrolux-brands/dishlex-landing.png”]
[inline_lightbox_image gallery=”01″ first_item=”yes” url=”/wordpress/wp-content/uploads/images/portfolio/electrolux-brands/dishlex-landing.png”]
[inline_lightbox_image gallery=”01″ url=”/wordpress/wp-content/uploads/images/portfolio/electrolux-brands/dishlex-dishwashers.png”]
[/inline_lightbox_wrap]Could you let me know how to archive a working lightbox image gallery in a standard portfolio item ?
If there are no working shortcode, could you give me the right html I should use and/or extra css rules if that’s the issue ?Many thanks,
Cheers,Hi, Choose lightbox gallery and use this shortcode;
[portfolio_lightbox_image first_item=”yes” title=”Octopus is dangerous!” url=”http://themes.pixelwars.org/cvcard-wp/wp-content/uploads/2014/04/lightbox-02.jpg”%5D%5Bportfolio_lightbox_image first_item=”” title=”” url=”http://themes.pixelwars.org/cvcard-wp/wp-content/uploads/2014/04/lightbox-03.jpg”%5D%5Bportfolio_lightbox_image first_item=”” title=”Dog have dreams” url=”http://themes.pixelwars.org/cvcard-wp/wp-content/uploads/2014/04/lightbox-04.jpg”%5D
Thanks
Hi,
Thank you for the answer, but no, this is not what I need in my use case.
I need the standard portfolio item in order to put more details in text on the page (client, some project description, etc….) and instead of putting 2 or 3 pictures on the portfolio page I need to put 2 or 3 lightbox galleries containing each 5 to 10 pictures with some button underneath each gallery to go to a different page each time.
I can not simply put 10 to 30 flat images like on the standard portfolio pages examples on your demo website, nobody would want to scroll down that many pictures !The lightbox gallery portfolio item you’re talking about is only showing a lightbox gallery from the main portfolio page without any details, so not the same.
There is something in the standard portfolio page breaking the inline lightbox shortcode you can use on posts from working there, can you have a look at that use case ?
Many thanks !In addition to my previous message, it looks like the z-index of .p-overlay css selector (wrapping up the portfolio item) is set to 3000 and so, the profolio is above the inline lightbox gallery (which display underneath the portfolio item).
Do you have any workaround ?
Thanks !Ok, so, following my previous message, it looks like adding the following in the extra css rules of the theme options :
div#fancybox-tmp, div#fancybox-loading, div#fancybox-overlay, div#fancybox-wrap {
z-index: 10000;
}makes the following work fine in a standard porfolio item :
[inline_lightbox_wrap type=”image” thumbnail=”/wordpress/wp-content/uploads/images/portfolio/electrolux-brands/dishlex-landing.png”]
[inline_lightbox_image gallery=”02″ first_item=”yes” url=”/wordpress/wp-content/uploads/images/portfolio/electrolux-brands/dishlex-landing.png”]
[inline_lightbox_image gallery=”02″ last_item=”yes” url=”/wordpress/wp-content/uploads/images/portfolio/electrolux-brands/dishlex-dishwashers.png”]
[/inline_lightbox_wrap]Please let me know if you see any side-effect with this.
If not, maybe consider adding this by default in your theme ?
Hi,
I just forwarded this topic to our developer. He will check the code and will keep me updated.
Thanks for the feedback.Hi @LLLL_LLLL
your code seems ok, we will also include this fix with the next update, thanks for the feedback.
You must be logged in and have valid license to reply to this topic.