Using Dynamic Page and Gallery

Ask the community
,
1

Hello everyone,
I have been using Wix to create a website to showcase different projects I have worked on.

To briefly summarize what I want to do:
I want to create a gallery that shows all the projects and if a user clicks on an image, a new page/expand mode will show more description about the project and images that are related to the project.

So far I have figured out how to connect a data collection to the gallery and import all the project titles and description, a SINGLE image to represent each project into a gallery.

I also managed to set up a link to a page to show when an image is clicked.
On that page will contain all the info and media gallery that I can pull from the data collection.

However, the issue is, I do not want to create an individual page for every project. Yes, it is a solution but I believe there is a better way to do this using dynamic page.

My question is this:

  1. Is there a way to update the content on a dynamic page based on what the user has clicked in the gallery?
    EX.) be able to set a ID/# to an image/project and based be able to load different contents on a single dynamic page based on which ID/# was called by the user.

  2. Is there a way to create a category bar or a filter bar above the gallery?
    EX.) I know there is a drop down menu widget, but I think it aesthetically does not fit with what I want on the page.

  3. Can I use the horizontal menu bar to navigate through gallery?
    EX.) Related to question 2, but is there a way to filter gallery content by using horizontal menu? As in, From option A,B,C and D, if user picks D, the gallery will only show contents under the category of D.

I believe I have found few helpful solutions and references, but all the attempts so far have failed and I wish I could get a step-by-step or detailed explanation on what I am missing or doing wrong.

Thank you.

2

Hey, Wakko.

  1. To make it easier, you can do it by creating dynamic pages and connecting the gallery to your dataset, how it is described in this forum post .

2, 3. Here you can find how to add collection data search functionality that might help you start. If you would like to populate results of the search/filter, maybe a repeater would also suit your needs.

Relevant APIs that can help:
contains()
find()