Hi there,
Have a new site to prototype for a church. I am not a designer or programmer so need some ideas on how to approach
the problem. I have data stored in a custom post type (churchmember) and related fields. What I am building is pages to display staff and different groups in the church.
What I am trying to do is:
1. Display pic and name of church members in a random masonry format.
2. The data needs to be filter by the position field ( i.e. deacon, pastor, etc.) For example the staff page will be filtered by the position field=deacon,staff.
3. When the user clicks the pic, I want a lightbox to popup with detailed info about the user.
Hope this makes sense! 🙂
If you go to this link it will show you a simple example I did with contentviewpro.
hidden link
Thanks
Mel Fisher
mel.fisher@ymail.com
I am not a designer or programmer so need some ideas on how to approach
Hi, in general Toolset is great at helping you use robust filters to create lists of content. Without being a designer or programmer, however, you'll be limited to the user interface elements that are built-in to the Toolset suite. Masonry and Lightbox are not currently part of the software suite, so those will not be easy to achieve without some custom code. Alternatively you can work with a contractor or you can try to learn a bit about development. There are some other options built-in to the Toolset suite that I will describe for you here.
1. Display pic and name of church members in a random masonry format.
Toolset does not include a masonry-style display engine for list display, or integration with another masonry system. If masonry display is a requirement for your site, you'll need to work with someone who understands HTML, CSS and JavaScript so they can help implement something in Views that works with a 3rd-party masonry display system. You can do a search here on the forum to see other tickets discussing how other Users have implemented Masonry display, and the challenges they have faced.
Views does include a few predefined types of list displays, including a Bootstrap grid, and you can see more information about those here:
https://toolset.com/documentation/user-guides/digging-into-view-outputs/
If you'd like to try out any of these View styles, feel free to log in to discover-wp.com to create a sandbox site. We can collaborate there if you have questions.
2. The data needs to be filter by the position field ( i.e. deacon, pastor, etc.) For example the staff page will be filtered by the position field=deacon,staff
Views can help you create lists of content filtered by a custom field value, so this shouldn't be a problem. You can set up predefined filters like you have described here, you can set up dynamic filters that are defined by shortcodes or context, or you can even allow your Users to pick filter options on the front-end.
3. When the user clicks the pic, I want a lightbox to popup with detailed info about the user.
Lightbox is another UI element that isn't built-in to Toolset, so some custom code is required. Someone with knowledge of HTML, CSS and JavaScript will be able to help you implement a Lightbox popup to display information from a View. We have a contractors portal available where you can connect with independent developers who can provide professional assistance: https://toolset.com/contractors
My issue is resolved now. Thank you!
