I want to change the smooth gallery html...where/how can i do this?

Hi,

I’d like to make some changes to the look of smooth gallery. The functionality is just what i’m after with the previous and next arrows and the pic counter but i have a page ready mocked up and don’t know how to either apply the functionality of smmoth gallery to my template or alter the smooth gallery html to my needs.

I’ve altered some of the css but really i need to alter some of the html too. For instance i’d like the forward and next arrows to be displayed above the image so ideally i would have these in a container rather than add negative values to the absolutely positioned arrows in the default css i.e. .jdGallery a.right, .jdGallery a.left


Any help much appreciated.

Hi,
I would suggest taking a look at the contents of this folder:
assets/snippets/maxigallery/templates/

If that yields no joy, you may find that you need to edit Javascript here. Definitely not my idea of a good time, but I have done some Maxi javascript editing occasionally.

assets/snippets/maxigallery/smoothgallery/js

I’ll admit that Smoothgallery has so many great parms that I haven’t had to play with its HTML. But I hope this helps.

Cheers

Rather than edit the template files themselves you can copy the contents over to a chunk and edit them freely then use the various tpl parameters in your maxi call to use the chunks as templates. The advantage here is that you will not need to worry about overwriting the edited template when you upgrade to a new version of MODx.

Quote from: dev_cw at Apr 29, 2010, 02:58 PM

Rather than edit the template files themselves you can copy the contents over to a chunk and edit them freely then use the various tpl parameters in your maxi call to use the chunks as templates. The advantage here is that you will not need to worry about overwriting the edited template when you upgrade to a new version of MODx.

Very smart idea!
I will keep this in mind myself. I say that as someone who has inherited sites where my predecessors hacked core stuff, I was asked to do a MODx upgrade, and suddenly, it’s trash. Fortunately, I back up, and troubleshoot well.

You should not edit the html in maxigallery templates for SmoothGallery. It doesn’t have any effect in the final output as SmoothGallery uses it to just parse the pictures from the page with javascript. The html output of smoothgallery is generated in the smoothgallery .js file, so that’s where you need to look at if you want to change it. It’ll require some javascript knowledge though.