Canvas Support

Unite gallery doesn't work with this template

2 replies·opened May 29, 2016
S
SvoeobraznayaMay 29, 2016

Hello. I am trying to use the Unite Gallery (http://unitegallery.net/). Everything is done according to the instructions, but the images are not displayed in the page. To display the picture on the page I introduced this code:

<!-- Portfolio Items ============================================= -->
<div id="gallery" style="display:none;">
	<img alt="Image 1 Title" src="images/thumbs/tile3.jpg"
		data-image="images/big/tile3.jpg"
		data-description="Image 1 Description">
							
	<img alt="Image 2 Title" src="images/thumbs/tile4.jpg"
		data-image="images/big/tile4.jpg"
		data-description="Image 2 Description">
						
</div>
<script type="text/javascript"> 
	jQuery(document).ready(function(){ 
	jQuery("#gallery").unitegallery({
	gallery_theme: "tiles",
	tiles_type:"justified"
		});
	});
</script>

Help me please. What could be the problem. I really like this gallery.
Page with gallery - http://www.lourens.spflex.top/portfolio.html

S
SemiColonWebSTAFFMay 30, 2016

Hello,

We have just checked out your Website and the issue is that you will need to Link the Unite Gallery JS Scripts at the bottom of the Page just after the js/plugins.js JS File Linking. Follow the Steps below:

  1. Remove the following code as jQuery is already Loaded on the Page and this results in Duplicate Linking:
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'></script>
  1. Move the following JS File Linkings at the bottom of the Page just after the js/plugins.js JS File Linking:
<script type='text/javascript' src='unitegallery/js/unitegallery.min.js'></script>
<script type='text/javascript' src='unitegallery/themes/default/ug-theme-default.js'></script> 
<script type='text/javascript' src='unitegallery/themes/tiles/ug-theme-tiles.js'></script>
  1. Move the following code at the bottom of the Page just after the js/functions.js JS File Linking:
<script type="text/javascript">
	jQuery(document).ready(function(){
		jQuery("#gallery").unitegallery({
			gallery_theme: "tiles",
			tiles_type:"justified"
		});
	});
</script>

This will definitely fix your issue. Let us know if we can help you with anything else or if you find any further issues.

S
SvoeobraznayaMay 31, 2016

Awesome. Thanks!

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard