- This topic has 8 replies, 3 voices, and was last updated 6 years, 2 months ago by Ross.
-
AuthorPosts
-
January 26, 2018 at 5:34 pm #480846Ross
Okay, I’m new to GP and struggling with the best way to implement Full page Sections with snap points within this theme/framework. From what I can gather in scanning this forum it has been suggested that (aside from snap points), much of what I am looking for can be achieved by using Headers for each section.
This doesn’t seem very elegant (since the entire site would be implemented in this way) and I don’t see how I would best achieve ‘snap points’ within the framework of GP.
This illustrates a good example of what I am trying to achieve http://jsfiddle.net/swfour/hx7cuh96/7/. Any suggestions on how best to proceed?
Thanks
January 26, 2018 at 11:27 pm #480920TomLead DeveloperLead DeveloperYou would need to build out the content using custom HTML/JS, and just add it into the content area using the Page Builder Container set to Full Width.
GP is just the container to more complex inner layouts like this – it doesn’t have anything built in to make it a one-click type of thing.
Let me know if you need more info π
January 27, 2018 at 9:15 am #481220RossThanks Tom. I think I get it. It may be too much to hope for, but it would be great to see some code examples of how others worked within the GP ‘framework’ to accomplish some more sophisticated layouts/behaviour.
One question that comes to mind, is; given what I want to do, is there any sense using GP built in Sections or not, or will they just get in the way in this case? I really like the way they seem to organize the content providing high-level control over some elements of the design of each ‘section’ of the site, but … Apologies for basic questions, but I’m just looking for a way to quickly get up and running with the theme/framework to build some creative sites.
January 28, 2018 at 12:56 am #481499TomLead DeveloperLead DeveloperNot sure if there’s a lot of GP specific examples out there for this, but any example you find should be able to integrate into GP quite easily.
You can absolutely use Sections, but it’s not completely necessary in a case like this. It’s up to personal preference I think. Gutenberg will likely making it even easier.
Page builders like Beaver Builder and Elementor might be worth checking out as well π
January 28, 2018 at 6:54 am #481751RossThanks. I don’t want the overhead of a page builder, especially considering that I will need to make use of js. I’m looking forward to better browser support of scrolling CASE features.
Looks like I will just work thru some trial and error. If I get stuck, I’ll be back for help
January 28, 2018 at 7:20 am #481757RossAuto spell checker #&$#&!. Not CASE but rather – CSS
January 28, 2018 at 10:22 am #481863TomLead DeveloperLead DeveloperIn GPP 1.6, we have a new smooth scroll feature you can turn on.
Then you would need to build sections using
100vh
for the height. That will create the full height sections.Each section would have an ID, which you could then link to using the
smooth-scroll
class.That would likely be the bulk of the work π
January 28, 2018 at 10:39 am #481868AndreiMaybe this will help you:
https://wordpress.org/plugins/wp-fullpage/I’m trying to achieve the same thing as in this website: https://www.thibaultvanrenne.com/
but it seems I’m not able to do it. If you succeed can you please share me the way you did it?Thanks!
January 28, 2018 at 11:46 am #481909RossThanks … will do. And likewise, if you succeed first, please let me know.
-
AuthorPosts
- You must be logged in to reply to this topic.