Announcement

  •  » Miscellaneous
  •  » Found a beautiful Piwigo site. How to mimic?

#1 2021-05-18 05:19:30

rajdude
Member
2021-05-18
90

Found a beautiful Piwigo site. How to mimic?

Greetings,

I found this beautiful Piwigo site:
https://phototheque.univ-paris1.fr/

What are they using for the carousel?
I mean on the main page they have a bunch of huge photos which rotate...along with a dash - dash thingy at the bottom........telling us which photo is being shown.........beautiful!

Is it possible for me to make something like that on my personal Piwigo site?

Thanks for your tips!

-Raj

Piwigo URL: https://www.rajdude.com/photography/

Offline

 

#2 2021-05-18 19:40:56

rajdude
Member
2021-05-18
90

Re: Found a beautiful Piwigo site. How to mimic?

My research so far:

I have read that the theme Bootstrap darkroom  has some kind of carousel. I have tried to enable it but nothing shows up on my site

https://piwigo.org/ext/extension_view.php?eid=831


Here is what I have followed so far

https://github.com/tkuther/piwigo-boots … ron-banner

Maybe it is not the banner which I want to change......maybe it is the front page of Piwigo?

Any tips are highly appreciated.
Please help me :-)

-Raj

Offline

 

#3 2021-05-18 19:46:18

rajdude
Member
2021-05-18
90

Re: Found a beautiful Piwigo site. How to mimic?

HOLY COW! :-)
Looks like I am getting close!
I have something similar to what I want running here: http://rajdude.com/photography/



I used this procedure:

https://github.com/tkuther/piwigo-boots … ent-images

Offline

 

#4 2021-05-18 19:57:18

rajdude
Member
2021-05-18
90

Re: Found a beautiful Piwigo site. How to mimic?

I think I spoke too soon :-(
The carousel works but the gray button to "enter the gallery" does not work. It is linking to something which does not exist:
http://rajdude.com/index/categories

I can see the href in the code...I guess I need to change it to Piwigo's gallary page....but IDK....
What should it be?

Offline

 

#5 2021-05-18 20:01:02

rajdude
Member
2021-05-18
90

Re: Found a beautiful Piwigo site. How to mimic?

Aha! I found the correct URL by referencing to the site I wanted to mimic :-)
It should be this:

/photography/index.php?/categories

Of course the leading "/photography/" applies to my particular Piwigo installation.

Offline

 

#6 2021-05-18 22:15:58

rajdude
Member
2021-05-18
90

Re: Found a beautiful Piwigo site. How to mimic?

hmmm....now I am becoming too "greedy" ;-)

Is it possible for the carousel to show photos only from a particular Piwigo album?

Offline

 

#7 2021-05-19 17:47:31

Serge D
Member
US
2014-07-15
383

Re: Found a beautiful Piwigo site. How to mimic?

it is carousel with some styles on top
There may be some inspiration could be obtained from Extended Description plugin which has carrousel/slider support
You can add Root page using Additional Pages plugin

example:

[slider album=3 nb_images=10 random=yes size=M speed=8 title=no effect=boxRainReverse arrows=false control=true elastic=false]

allows you pick an album and many other options
Once you have content, you can style it any way you like

[slider album=xx]
This tag allows to insert a photo slideshow.

Options: (you must set album OR list)
album: (optional) source album
nb_images: (optional) max number of photos to display in the slideshow
random: (optional) choose photos randomly in the album
list: (optional) a list of photos ids separated by a comma
size: (optional) the size of the photos, from (SQ, TH, XXS, XS, S, M, L, XL, XXL)
speed: (optional) the slideshow speed (in seconds)
title: (optional) display photo title
effect: (optional) transition effect (see NivoSlider doc)
arrows: (optional) display navigation arrows
elastic: (optional) adapt slideshow size to each photo
control: (optional) display navigation controls, can also be set to thumb
thumbs_size: (optional) thumbnails size in pixel if control=thumb

Last edited by Serge D (2021-05-19 17:48:59)

Offline

 

#8 2021-05-19 20:14:12

rajdude
Member
2021-05-18
90

Re: Found a beautiful Piwigo site. How to mimic?

Thank you Serge D!

I will look into this....but still not clear how to pick an album.
For example, in my test website, I would like to pick up this album and in the carousel, show only the contents of that album:

http://rajdude.com/photography/index.php?/category/6

How do I do that?

Offline

 

#9 2021-05-21 19:59:13

Serge D
Member
US
2014-07-15
383

Re: Found a beautiful Piwigo site. How to mimic?

Try
[slider album=6 nb_images=10 random=yes size=M speed=8 title=no effect=boxRainReverse arrows=false control=true elastic=false]

Notice "6" in album parameter

Offline

 

#10 2021-05-21 23:03:37

rajdude
Member
2021-05-18
90

Re: Found a beautiful Piwigo site. How to mimic?

Thanks for the tip.

However, when I check, that parameter is not even there.
"[slider album=6 "

Maybe because I am using a different code for the carousel........this one>>>

https://github.com/tkuther/piwigo-boots … ron-banner

Offline

 

#11 2021-05-22 05:27:48

Serge D
Member
US
2014-07-15
383

Re: Found a beautiful Piwigo site. How to mimic?

yes, shortcode I mentioned above only applies to Extended Description plugin which in turn uses NivoSlider (https://themeisle.com/plugins/nivo-slider/ , https://github.com/Codeinwp/Nivo-Slider-jQuery)

Offline

 

#12 2021-05-31 06:27:10

Serge D
Member
US
2014-07-15
383

Re: Found a beautiful Piwigo site. How to mimic?

one comment. Since phototheque is based on Bootstrap, one of the features of which is support for carousel
https://getbootstrap.com/docs/5.0/examples/carousel/
Site uses this default feature https://www.w3schools.com/bootstrap4/bo … rousel.asp for front page

Offline

 

#13 2022-03-01 19:21:17

rajdude
Member
2021-05-18
90

Re: Found a beautiful Piwigo site. How to mimic?

Sorry to bring back an old thread, but it is just me and my same old project :-)

Ok so first: I had to reinstall Piwigo so the URL of my website is now:
https://rajdude.com/photos
(Right now it is only in a testing state)

Goal:
I would like to get the look and feel of this website...
https://phototheque.univ-paris1.fr/
...but with a slight modification...
I would like the carousel to show photos only from the album called carousel, which can be seen here:
https://rajdude.com/photos/index.php?/category/3


Situation:
I have two carousels

1. https://rajdude.com/photos/index.php?/page/carousel
This one is based on Extended Description plugin

2. https://rajdude.com/photos/index.php?/page/bigcarousel
This one is based on this:
https://github.com/tkuther/piwigo-boots … ent-images

Question:
Is there a way to tell the second one to pick up photos from the album carousel?

Offline

 
  •  » Miscellaneous
  •  » Found a beautiful Piwigo site. How to mimic?

Board footer

Powered by FluxBB

github twitter newsletter Donate Piwigo.org © 2002-2024 · Contact