0

It's not easy to explain so I made simple example below. I'm making a gallery in Drupal 8. First I made articles with taxonomy term: animals, forest or people. Some of articles have two or three taxonomy terms. Each article contains 1-5 photos. The main page (gallery) displays a main photo from each article (picture 1). As you can see when you click FOREST gallery shows all articles contain 'forest' taxonomy (picture 2). When someone click on a thumbnail from the forest gallery then a page (picture 3) appears and we can see our tree with 2 more photos (for example colorbox) plus some comments and thumbnails of articles with forest taxonomy above. Picture 4 is easy to understand. Additionaly when you click on a thumbnail from NEWEST(ALL) gallery the next and previous articles has to include all taxonomy terms or just all photo articles.

I've made a few projects but none of them can do this all same time. Is there a way to make this photo gallery? It looks like a basic gallery but I couldn't find solution or module.

enter image description here

0

This is quite a bit more complicated than your previous question.

My best advice would be that in order to get each content node to have a gallery with multiple images, each Article node should use an image field with multiple values.

These "child sideshows" will be completely separate from the "parent slideshow" which is the one using Views with the taxonomy filters (e.g., "Previous / Next Forest").

You should still be able to make the "child slideshow" into a scrollable gallery as you show in your thumbnails (e.g., "Previous / Next image in Article") by using a library like SlickSlider.

This Drupal.org issue queue talks about setting up Slick without Views as a "multi-imagefield single-node slick on D8" so it can definitely be done. (The Slick Extras module may help, but I haven't tried it so I'm not sure.)

It will be a bit more work this way, and not all the advice you find online will be completely applicable to your situation. If you get stuck, I recommend following the Javascript code in the Slick demos rather than any Drupal-specific walkthroughs.

Good luck!

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.