• 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

How can I create live demo page like Genesis

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 › How can I create live demo page like Genesis

This topic is: not resolved

Tagged: customise, genesis framework, iframe, live demo, portfolio

  • This topic has 2 replies, 3 voices, and was last updated 8 years, 7 months ago by Andrea Rennick.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • November 9, 2016 at 12:19 am #195923
    tuantai0304
    Member

    Hi guys,

    I have a portfolio page which shows the image in a grid. I want to make a Live Demo like Genesis. i.e, when I click on an image, a full width iframe appear and load the demo site.

    Can anyone know how to do that, or any relevant tutorials?
    Thanks a lot

    November 9, 2016 at 12:01 pm #195953
    William
    Member

    Inside the your theme files, you will see an XML file, import it using the WordPress import tool and you will have all the content/settings to re-create the website as in the demo 🙂


    Genesis Customization Service | Quick fixes whenever you need them ! | Contact me at Fixmysite.com !

    November 10, 2016 at 11:15 am #195992
    Andrea Rennick
    Member

    when I click on an image, a full width iframe appear and load the demo site.

    That is regular html/jwqeury for a pop up iframe. It would load any source URL you wish. You could use any generic tutorial for this.

    The demos are on multisite. Each theme has a sub site and is available at specific URLs, as shown in each theme's set up guide.


    **forum signature**
    If you need technical support for your theme please file a ticket.

    The forums are community based. Staff only monitors the forum for issues relating to the forum itself and to redirect users to where they need to go.

  • Author
    Posts
Viewing 3 posts - 1 through 3 (of 3 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

© 2025 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