We’re with you. JoomShaper is offering a 20% Discount on all plans due to the impact of COVID-19.

Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

How to make portfolio images as links instead of lightbox?

Featured Lock Resolved
Shaper Corpora - Joomla Business Template is very nice template, thanks to Joomshaper team.

Simple Image Gallery shows thumbnail view of all images of a directory and click on them will show full size in lightbox but i need Links instead of Lightbox.

7 Answers

Ehsan Riyadh

More than a month ago #Permalink
Please, download the gallery.php short-code and paste it on your folder.

Attachments (1)

  • gallery.zip 1.4 KB

Kawshar Ahmed - Senior Staff

More than a month ago #Permalink
By default there is not way to add link but you can customize the gallery shortcode.

webslearn

More than a month ago #Permalink
How to customize the gallery shortcode for links?. wihtout links it can not be portfolio. pls do not waste time, post example code.

Kawshar Ahmed - Senior Staff

More than a month ago #Permalink
Here is the possible solution for you.
At first open the gallery.php file from the shortcodes folder. Now look for the code
'src'=>$atts['src'],
and add following code after that line
'url'=>$atts['url'],

Now remove following codes
				<?php if($modal=='yes') { ?>
<div id="modal-<?php echo $key; ?>" class="modal hide fade" tabindex="-1">
<a class="close-modal" href="javascript:;" data-dismiss="modal" aria-hidden="true"><i class="icon-remove"></i></a>
<div class="modal-body">
<?php echo '<img src="' . $item['src'] . '" alt=" " width="100%" style="max-height:400px" />';?>
</div>
</div>
<?php } ?>


Now modify following line
<a data-toggle="modal" href="/<?php echo ($modal=='yes')? '#modal-' . $key . '':'#' ?>">

to
<a href="/<?php echo $item['url'] ?>">


Now save the file and goto gallery shortcode page. Add a url value after src.

webslearn

More than a month ago #Permalink
sorry to ask again i did what you said, but there is one error. link opens localhost/http://www.google.co.in


this is the gallery shortcode

[gallery_item tag="joomla" src="images/sample/gallery/img1.jpg" url="http://www.google.co.in" /]


after click the image, opens localhost/http://www.google.co.in .

the link wants to open without localhost so please help

webslearn

More than a month ago #Permalink
Thanks to Joomshaper team good support, i am happy to buy joomshaper.


There are no replies made for this post yet.
Be one of the first to reply to this post!

126

Templates

334231

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us