NivoGallery the easiest way to create an awesome gallery

46 Posts

showmedi Reply #61, 15 years, 2 months ago

Hi. I’ve got the nivoGallery plugin installed, Gallery installed; Gallery stocked, active and prominent; all file paths are correct; resource is locked into nivo template — but no gallery front-end! Nothing. undecided

Here’s my template:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>[[++site_name]][[*pagetitle]]</title>
<base href="[[++site_url]]" />

<link rel="stylesheet" href="[[++site_url]]assets/css/hp.css" type="text/css" media="screen" />
<link rel="stylesheet" href="[[++site_url]]assets/css/news.css" type="text/css" media="screen" />
<link rel="stylesheet" href="[[++site_url]]assets/css/reset.css" type="text/css" media="screen" />
<link rel="stylesheet" href="[[++site_url]]assets/css/form.css" type="text/css" media="screen" />

[[*nivoTheme]]

</head>

<body>

<div id="pageid" class="content">
<div id="header">
[[$pageHeader]]
</div>

[[*nivoGallery]]


[[$nivoScripts]]

<div id="main" class="clearfix">
<div class="block1 clearfix">
<div class="block1-left">

<div class="quicklinks">
<h3>QUICK LINKS</h3>
[[!getResources?
  &parents=`3`
  &hideContainers=`1`
  &tpl=`quickLinksTpl`
  &limit=`5`
  &sortby=`publishedon`
]]
</div></div>

<div class="block1-middle">
<h3>NEWS</h3>
[[!getResourcesTag?
  &element=`getResources`
  &elementClass=`modSnippet`
  &tpl=`newsPost`
  &hideContainers=`1`
  &pageVarKey=`page`
  &parents=`3`
  &includeTVs=`1`
  &includeContent=`1`]]
[[!+page.nav:notempty=`
<div class="paging"> 
<ul class="pageList"> 
  [[!+page.nav]] 
</ul> 
</div>`]]</div>

<div class="block1-right">
<h3>ARCHIVES</h3>
<ul>
[[!Archivist? &target=`5` &parents=`3`]]
</ul>
</div></div></div>

<div id="footer">
[[$pageFooter]]
</div>
</div>

</body>
</html>

Using latest modx (2.1.3)

☆ A M B ☆
894 Posts

benmarte Reply #62, 15 years, 2 months ago

showmedi,

Go to elements tab, Template Variables, NivoGallery folder in TV and add all of the NivoGallery TVs to have access to your template otherwise it won’t work.

Sorry I forgot to mention this detail.

Also move the NivoScripts chunk just before the </body> tag.

Good Luck.

Benjamin Marte
Interactive Media Developer
Follow Me on Twitter | Visit my site | Learn MODX

46 Posts

showmedi Reply #63, 15 years, 2 months ago

Thanks for the quick response. The template I’m using is actually the modified nivoGallery template, so the TV is already linked to the resource. Moving the scripts call to bottom before closing body tag didn’t help either. Any ideas?

☆ A M B ☆
894 Posts

benmarte Reply #64, 15 years, 2 months ago

Quote from: showmedi at Aug 18, 2011, 09:33 PM

Thanks for the quick response. The template I’m using is actually the modified nivoGallery template, so the TV is already linked to the resource. Moving the scripts call to bottom before closing body tag didn’t help either. Any ideas?

Got a link I can check?

Also tomorrow I will be releasing my other MODx gallery plugin PrettyGallery as soon as it gets approval I will let you guys know

Benjamin Marte
Interactive Media Developer
Follow Me on Twitter | Visit my site | Learn MODX

46 Posts

showmedi Reply #65, 15 years, 2 months ago

cool. please do. it’s: http://bptest.pauljlawrence.com/index.php?id=1. I’m trying to get a carousel of posters (full page width, ideally) up on the top. As you can see, the div is totally empty...

46 Posts

showmedi Reply #66, 15 years, 2 months ago

AHA! in the scripts chunk, the path set is looking for NivoGallery folder, mine has a lowercase "n". I knew it was something stupid... wink

Another quick Q before I charge in heedlessly and wreck everything — how do i make the slider 100% page width, and can i have padding between image items? Thanks so much for your help.

46 Posts

showmedi Reply #67, 15 years, 2 months ago

still not working... i was sure it was the file path problem. Here’s the link again: http://bptest.pauljlawrence.com/index.php?id=1. I’m getting all of the nav image files fine now, but the gallery images are still absent. as far as the padding issue, i want the slider to eventually be 100% page width and have a carousel of posters across the top of the page (see attached image). the reason i chose this slider to manipulate is because it works well with Gallery (or will, hopefully), and that’s terrific for my client.

46 Posts

showmedi Reply #68, 15 years, 2 months ago

it seems it was the If snippet in the rowTpl that was causing all the problems. For some reason, my If snippet has been corrupting all my projects (might be a bug). However, it also seems that I won’t be able to achieve what i wanted with the nivo plugin without a great deal of modification in the jQuery (which i am woefully incapable of accomplishing on my own). Might anyone be able to suggest another plugin that I could use to achieve the carousel that I want (integrated with Gallery plugin; see above post/attachment) without a lot of code overhaul? Thanks.

☆ A M B ☆
894 Posts

benmarte Reply #69, 15 years, 2 months ago

Quote from: showmedi at Aug 19, 2011, 09:03 PM

it seems it was the If snippet in the rowTpl that was causing all the problems. For some reason, my If snippet has been corrupting all my projects (might be a bug). However, it also seems that I won’t be able to achieve what i wanted with the nivo plugin without a great deal of modification in the jQuery (which i am woefully incapable of accomplishing on my own). Might anyone be able to suggest another plugin that I could use to achieve the carousel that I want (integrated with Gallery plugin; see above post/attachment) without a lot of code overhaul? Thanks.

This would be a nice feature to add I might be able to incorporate it for one of the next updates since I already got thumbnail support in the upcoming nivogallery release.

Now that I finished working on PrettyGallery and waiting for it to be approved I can get back to nivogallery and finish up some of the fixes to release it soon.

Also planning on porting videojs to MODx so not sure which I will get to doing first and I still plan on porting some other gallery plugins as well.

Benjamin Marte
Interactive Media Developer
Follow Me on Twitter | Visit my site | Learn MODX

46 Posts

showmedi Reply #70, 15 years, 2 months ago

That’s awesome. i’ll keep an eye on this thread to see when you release it. i’m trying for something like jQuery infinite carousel (which can be set to 100% width), or the second carousel here: http://caroufredsel.frebsite.nl/examples/intermediate-carousels.php, but with captions. However, it doesn’t seem as easy as stuffing a Gallery? call in between the given div ids and tweaking the tpl... Looking fwd to your update, but i’ll keep wrestling with these in the meantime. Thanks