- This topic has 3 replies, 2 voices, and was last updated 7 years, 6 months ago by .
- The forum ‘General Discussion’ is closed to new topics and replies.
These forums are for general discussion on WordPress and Genesis. Official support for StudioPress themes is offered exclusively at My StudioPress. Responses in this forum are not guaranteed. Please note that this forum will require a new username, separate from the one used for My.StudioPress.
I am trying to accomplish the effect seen here: http://epochresidential.com/leadership
How did they get the employees content in a hidden row without disrupting the loop?
Is this a single loop or more than 1?
It seems that in this site (http://epochresidential.com/leadership) they are able to loop out the info into different rows (i.e. a row of images but on clicking the image the empoyees content appears in a 'hidden' row) to achieve this effect... I have always thought of the loop as a simple linear process but it seems that this page is able to do more complex things? does anybody know how they achieved this? I can't seem to wrap my head around it..http://epochresidential.com/leadership
There's no loop to this page at all. It looks like they are using a page builder that allows for rows. The hidden row is an easy effect to achieve with jQuery. A page builder like Beaver Builder will do this.
Hey Victor Font,
Thanks for the advice, I will look into that plug-in. While that page may use the Beaver Builder, I am curious why you do not think a loop or genesis grid loop was used on this page? Based on the genesis tutorials I have seen by Bill Erickson, perhaps this page has a grid loop that then adds row in between for the hidden content?
There's nothing in that theme's source code that even remotely resembles a Genesis theme. If you examine the source code, the section where those images are displayed are built in divs with row classes. Within each row is a an ordered list and each list item contains an image. The hidden divs are very easy to do. They display and hide with jQuery. There is no loop on that page.
© 2023 WPEngine, Inc.