Piwigo.org

stefan63 · 2013-04-25 22:13:23

This is how it looks.
I might ad some details ow how I did it if requested.
http://www.stockholmviews.com/gallery/

Rgds/Stefan

By the way, Piwigo is by far the best photo gallery script I have came across!

flop25 · 2013-04-29 19:59:56

Very very great customization! Congrats!
just a detail: set the background as fixed and not scroll, to avoid the background twinkling

stefan63 · 2013-04-30 16:34:06

Thank you and thank you for the hint about background looks mutch better without the flickering.

Rgds/Stefan

flop25 wrote:
Very very great customization! Congrats!
just a detail: set the background as fixed and not scroll, to avoid the background twinkling

Wilhelmina · 2013-05-10 21:56:22

I am interested in the custom menu at the top of the page. Did you do this by hard coding your menu, then putting your menu as a wrapper around some content from a Piwigo theme?

I am trying to match Piwigo to an existing website, and keep the navigation looking the same between Piwigo and the website. I want to make a custom menu along the left hand side of a page, and it seems like there would be an admin setting to let me do this, but I can find one and I can't find a plugin.

stefan63 · 2013-05-10 22:17:51

I used the plugin "add < head > element" to include my DHTML menu (http://www.sothink.com/product/dhtmlmenu/) it was quite easy I just added this in the plugin (Without brackets) [<script type="text/javascript" src="../stmenu.js"></script>
<div><script type="text/javascript" src="../menu/sthlm.js"></script></div>]
Regards/Stefan

Wilhelmina wrote:
I am interested in the custom menu at the top of the page. Did you do this by hard coding your menu, then putting your menu as a wrapper around some content from a Piwigo theme?

I am trying to match Piwigo to an existing website, and keep the navigation looking the same between Piwigo and the website. I want to make a custom menu along the left hand side of a page, and it seems like there would be an admin setting to let me do this, but I can find one and I can't find a plugin.

lovecustomart · 2014-07-03 09:13:15

Hi

I used the add header element to pull in my menu and css and that works, but it messes with the rest of the piwigo layout.
See here: http://www.lovecustomart.com/painting-g … category/1

Then if I go to album view my header is at the bottom:
http://www.lovecustomart.com/painting-g … category/1

I have attached my header as text file.
I would appreciate any help you can give on how to fix it. It looks great seeing our design with Piwigo, so I hope this is just something small and can be fixed.

Many thanks in advance
Jessica

stefan63 · 2014-07-03 10:24:57

Try to move the HTML code for the menu from <head> to <div id="theHeader">.

Brgds/Stefan

lovecustomart · 2014-07-03 11:39:01

Hi Stefan

not sure how to do it could you explain a bit more?

I am using this plugin: add_head_element
Is there another way to do it?

Thanks
Jessica

Last edited by lovecustomart (2014-07-03 11:40:36)

stefan63 · 2014-07-03 22:53:51

My code in the "add <head> element" plugin looks exactly like this:

<img width="800" height="60" src="../stockholmviews.jpg"></img>
<script type="text/javascript" src="../stmenu.js"></script>
<div><script type="text/javascript" src="../menu/sthlm.js"></script></div>

ref:http://www.stockholmviews.com/gallery/

I use the Stripped & Columns theme just slightly customized.

Since you seams to run a different theme than I do you might or might not have to change some rows in the template files. It is possible to solve just see it as a fun and interesting puzzle :0)

To be able for me to solve your problem it would require to let me in to your installation and to allow me to alter your code!!

Have fun/Stefan

flop25 · 2014-07-03 22:58:42

stefan63 wrote:
My code in the "add <head> element" plugin looks exactly like this:

<img width="800" height="60" src="../stockholmviews.jpg"></img>
<script type="text/javascript" src="../stmenu.js"></script>
<div><script type="text/javascript" src="../menu/sthlm.js"></script></div>

ref:http://www.stockholmviews.com/gallery/

this has to be in the banner, not in the <head></head> part of an html page!
you are all doing wrong there
put script in <head> and img div etc in <body>
check tutorials like the one we recommend http://piwigo.org/doc/doku.php?id=user_ … q:css_code

flop25 · 2014-07-03 23:00:31

or if your js is supposed to render the menu, put in the banner like the image

stefan63 · 2014-07-03 23:19:11

I agree that make sense in this case I guess that <div id="theHeader">HERE</div> could be the right place.

Like this:
<div id="theHeader"><img width="800" height="60" src="../stockholmviews.jpg"></img></br><script type="text/javascript" src="../menu/sthlm.js"></script></div>

The part <script type="text/javascript" src="../stmenu.js"></script> should however still be in the <head>.

/Stefan

flop25 · 2014-07-04 08:14:27

stefan63 wrote:
I agree that make sense in this case I guess that <div id="theHeader">HERE</div> could be the right place.

Like this:
<div id="theHeader"><img width="800" height="60" src="../stockholmviews.jpg"></img></br><script type="text/javascript" src="../menu/sthlm.js"></script></div>

The part <script type="text/javascript" src="../stmenu.js"></script> should however still be in the <head>.

/Stefan

Your website is invalid. It renders well by luck only

lovecustomart · 2014-07-04 14:09:34

Hi

I managed to get the menu to go to the top, but it only works on home, category overview - not on the zoomed photo page: http://www.lovecustomart.com/painting-galleries

Any idea why that is?
If I have activated "display banner on photo page" I then get an empty page

If I deselected the "display banner on photo page" I get the photo page but of course not my header

Also is there away of adding a custom footer to the layout?

Thanks so much - it is coming together nicely!

Regards
Jessica

flop25 · 2014-07-04 14:14:02

please provide details of what you put where and how

Code:

<body id="thePicturePage" class="  ntf  naf  ats    ">
<div id="the_page">


<div id="theHeader"> <div><table align="center"><tr>
    <td height="123" valign="top"><div itemscope="" itemtype="http://data-vocabulary.org/Review-aggregate" class="Header" style="{block_style font-weight: bold; font-weight: bold;">

a div is closing the header and a { is standing there

Piwigo.org

Announcement

#1 2013-04-25 22:13:23

My Piwigo implementation (Integrated with my main website).

#2 2013-04-29 19:59:56

Re: My Piwigo implementation (Integrated with my main website).

#3 2013-04-30 16:34:06

Re: My Piwigo implementation (Integrated with my main website).

flop25 wrote:

#4 2013-05-10 21:56:22

Re: My Piwigo implementation (Integrated with my main website).

#5 2013-05-10 22:17:51

Re: My Piwigo implementation (Integrated with my main website).

Wilhelmina wrote:

#6 2014-07-03 09:13:15

Re: My Piwigo implementation (Integrated with my main website).

#7 2014-07-03 10:24:57

Re: My Piwigo implementation (Integrated with my main website).

#8 2014-07-03 11:39:01

Re: My Piwigo implementation (Integrated with my main website).

#9 2014-07-03 22:53:51

Re: My Piwigo implementation (Integrated with my main website).

#10 2014-07-03 22:58:42

Re: My Piwigo implementation (Integrated with my main website).

stefan63 wrote:

#11 2014-07-03 23:00:31

Re: My Piwigo implementation (Integrated with my main website).

#12 2014-07-03 23:19:11

Re: My Piwigo implementation (Integrated with my main website).

#13 2014-07-04 08:14:27

Re: My Piwigo implementation (Integrated with my main website).

stefan63 wrote:

#14 2014-07-04 14:09:34

Re: My Piwigo implementation (Integrated with my main website).

#15 2014-07-04 14:14:02

Re: My Piwigo implementation (Integrated with my main website).

Code:

Board footer