Announcement

  •  » Your Piwigo
  •  » My Piwigo implementation (Integrated with my main website).

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

stefan63
Translation Team
2013-04-13
14

My Piwigo implementation (Integrated with my main website).

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!

Offline

 

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

flop25
Piwigo Team
2006-07-06
6918

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

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


To get a better help : Politeness like Hello-A link-Your past actions precisely described
Check my extensions : more than 30 available
who I am and what I do : http://fr.gravatar.com/flop25
My gallery : an illustration of how to integrate Piwigo in your website

Offline

 

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

stefan63
Translation Team
2013-04-13
14

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

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

Offline

 

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

Wilhelmina
Guest

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

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.

 

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

stefan63
Translation Team
2013-04-13
14

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

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.

Offline

 

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

lovecustomart
Member
2014-06-15
22

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

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

Offline

 

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

stefan63
Translation Team
2013-04-13
14

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

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

Brgds/Stefan

Offline

 

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

lovecustomart
Member
2014-06-15
22

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

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)

Offline

 

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

stefan63
Translation Team
2013-04-13
14

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

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


Uploaded Images

Offline

 

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

flop25
Piwigo Team
2006-07-06
6918

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

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


To get a better help : Politeness like Hello-A link-Your past actions precisely described
Check my extensions : more than 30 available
who I am and what I do : http://fr.gravatar.com/flop25
My gallery : an illustration of how to integrate Piwigo in your website

Offline

 

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

flop25
Piwigo Team
2006-07-06
6918

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

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


To get a better help : Politeness like Hello-A link-Your past actions precisely described
Check my extensions : more than 30 available
who I am and what I do : http://fr.gravatar.com/flop25
My gallery : an illustration of how to integrate Piwigo in your website

Offline

 

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

stefan63
Translation Team
2013-04-13
14

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

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

Offline

 

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

flop25
Piwigo Team
2006-07-06
6918

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

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


To get a better help : Politeness like Hello-A link-Your past actions precisely described
Check my extensions : more than 30 available
who I am and what I do : http://fr.gravatar.com/flop25
My gallery : an illustration of how to integrate Piwigo in your website

Offline

 

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

lovecustomart
Member
2014-06-15
22

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

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

Offline

 

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

flop25
Piwigo Team
2006-07-06
6918

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

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


To get a better help : Politeness like Hello-A link-Your past actions precisely described
Check my extensions : more than 30 available
who I am and what I do : http://fr.gravatar.com/flop25
My gallery : an illustration of how to integrate Piwigo in your website

Offline

 
  •  » Your Piwigo
  •  » My Piwigo implementation (Integrated with my main website).

Board footer

Powered by FluxBB

github twitter facebook google+ newsletter Donate Piwigo.org © 2002-2019 · Contact