Jump to content
etcio

Best way to implement a full multi-page parallax

By etcio+, in DMS & Legacy Products

Recommended Posts

etcio+    10

etcio
Posted

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
Posted

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
Posted

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
Posted

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
Go To Topic Listing DMS & Legacy Products

  • Similar Content

    • flourishdesignstudio
      Lax Section Controls and Image Stretching
      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
      Can I make a parallax one page website with Pagelines 5?
      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
      disable parallax for mobile site
      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
      EMERGENCY: Hero and Parallax section jumping to top of template
      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
      Lax Parallax?
      By Bill Deignan+
      does the LAX extension provide a parallax option? 
×