• Skip to main content
  • Skip to forum navigation

StudioPress

  • Shop for Themes
  • My StudioPress

Forum navigation

  • Home
  • General Genesis Discussions
  • StudioPress Themes
  • Genesis Blocks
    • Genesis Blocks
    • Genesis Custom Blocks
  • Retired Themes
  • FAQs
  • Forum Rules
  • Internationalization and Translations
  • Forum Bugs and Suggestions
  • Forum Log In

Are You Using The WordPress Block Editor?

Genesis now offers plugins that help you build better sites faster with the WordPress block editor (Gutenberg). Try the feature-rich free versions of each plugin for yourself!

Genesis Blocks Genesis Custom Blocks

Ridiculous Loop (with PHP array involved)

Welcome!

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.

Log In
Register Lost Password

Community Forums › Forums › Archived Forums › General Discussion › Ridiculous Loop (with PHP array involved)

This topic is: not resolved

Tagged: complex loop, custom loop, genesis block grid, Genesis child theme, genesis loop modifications, loop, looping, nested loop, theming

  • This topic has 3 replies, 2 voices, and was last updated 6 years, 3 months ago by Victor Font.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 13, 2016 at 10:12 am #185572
    brandadvance
    Member

    Hello,
    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
    May 13, 2016 at 5:10 pm #185591
    Victor Font
    Moderator

    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.


    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

    May 16, 2016 at 11:13 am #185712
    brandadvance
    Member

    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?

    Cheers,

    May 16, 2016 at 4:34 pm #185735
    Victor Font
    Moderator

    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.


    Regards,

    Victor
    https://victorfont.com/
    Call us toll free: 844-VIC-FONT (842-3668)
    Have you requested your free website audit yet?

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The forum ‘General Discussion’ is closed to new topics and replies.

CTA

Ready to get started? Create a site or shop for themes.

Create a site with WP EngineShop for Themes

Footer

StudioPress

© 2022 WPEngine, Inc.

Products
  • Create a Site with WP Engine
  • Shop for Themes
  • Theme Features
  • Get Started
  • Showcase
Company
  • Brand Assets
  • Terms of Service
  • Accptable Usse Policy
  • Privacy Policy
  • Refund Policy
  • Contact Us
Community
  • Find Developers
  • Forums
  • Facebook Group
  • #GenesisWP
  • Showcase
Resources
  • StudioPress Blog
  • Help & Documentation
  • FAQs
  • Code Snippets
  • Affiliates
Connect
  • StudioPress Live
  • StudioPress FM
  • Facebook
  • Twitter
  • Dribbble