Jump to content
etcio

Best way to implement a full multi-page parallax

Recommended Posts

etcio+    10
etcio

I'm not new to development and design, but I'm new to the Pagelines framework. I've been taking the last few days to make myself acquainted with the framework to see just how flexible it is. I know that theoretically, Pagelines could do "anything" - but it may take more finagling than warranted.

Thusly, I wanted to ask the "pros" on the forums for the "best practices" in implementing a full screen, multi-page parallax design, E.g. http://themespectrum.com/parallax-demo/

Even though you could conceivably implement it with the base theme and lots of customization, the fact that you'd have to put all the content in the single page doesn't seem efficient. As such, a child theme is probably the best option.

So, is PageLines even an efficient solution for such a layout? Should most of the implementation be hard coded in the child theme or maybe added as a plugin or custom section? If the latter, which one?

Thanks for any advice or insight you can provide!

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

Hi,

I think the best way to implement this would possibly be a section. However, PHP/Javascript/jQuery are not my forte at the moment. Therefore, the best course of action would be to probably contact one of our Pros and ask for advice, the Pros will be able to assist you.

http://www.pagelines.com/pros/


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
etcio+    10
etcio

Conceivably, I'd be a "pro" - I just wanted some opinions from others as to what the best method of implementation would be.

Is the best practice really to use a section to pull multiple pages worth of information or the like?

Perhaps this forum is too fundamental for this type of an inquiry. The dev center more appropriate?

Hi,

I think the best way to implement this would possibly be a section. However, PHP/Javascript/jQuery are not my forte at the moment. Therefore, the best course of action would be to probably contact one of our Pros and ask for advice, the Pros will be able to assist you.

http://www.pagelines.com/pros/

Share this post


Link to post
Share on other sites
Rob    547
Rob

If you have a developer license, you can, I believe, participate in developer groups rather than this forum.

You may wish to write to hello@pagelines.com and request participation if that's your license.


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now


  • Similar Content

    • flourishdesignstudio
      By flourishdesignstudio
      Hi,
      I am having an issue with the Lax sections on Platform 5. I can embed a widget or text box into a Lax section which is really neat, but the image in the background (the parallax image) seems to get stretched and doesn't scale in an attractive way.  For example, the page http://ed6.61e.myftpupload.com/#clients has a parallax section with a woman's face  and I thought is would scale as the browser window gets smaller but the zoom-level never changes. Also, the amount of parallax shift seems more dramatic than what we want. I thought that if I uploaded a shorter image it would scan/scroll less since the height from the image's top to bottom would be less. However, that doesn't seem to have any effect and I am at a loss of how to properly control the way the image is displayed within that box. Any thoughts, tips, or suggestions to get me pointed in the right direction?
      Thanks so much for the help!
    • globalnative
      By globalnative+
      Hi there! 
      I'm wondering if I can and how I can easily make a one page scrolling parallax site with menus which scroll rather than take me to a new page?
      Something like this: http://demo.vellumwp.com/home-pages/one-page-resort/.
      Thank you kindly
      Nate
      PS: my site: http://natemaingard.com
    • janessa_cotugno
      By janessa_cotugno+
      Hey,
      I've made a simple landing page for a friend, and while the parallax feature looks great on desktop, it resizes (zooms way in) the image on the mobile version and it looks really bad. When it first pulls up, the image looks like the correct size, but once I try to scroll on my phone, it zooms in the image and seems to have a slight parallax effect. 
      There are two separate sections that have a background image on the canvas with the "Alternative Parallaxed Background Image" effect. I was thinking that I could just disable the parallax on the mobile version only, but I haven't had success in figuring it out.
      Ideally, on the mobile site, I would like the background images to fit the full height of the screen instead of zoomed in so much. 
      Any suggestions? 
      Here is the site for reference: www.sweetnectarkirtan.com
      Thanks!
    • floydwebb
      By floydwebb+
      The parallax and hero sections are jumping to the top of the template in PL5 See  here http://screencast.com/t/TLajih8MEM6
      No matter what I do, clear browser cache, whatever. The Parallax with the embeddded Hero section will ot stay on the bottom of the page above the footer.
      Help, please. This started happening at the worst possible time, when I was in a client meeting walking here through the site that is already LATE. 
      Floyd Webb
    • Bill Deignan
      By Bill Deignan+
      does the LAX extension provide a parallax option? 
×