Jump to content
Sign in to follow this  
thomasr

Scroll Spy with Content Section

Recommended Posts

thomasr    0
thomasr

On the sections demo page found here (http://demo.pagelines.me/sections/) there is scroll spy enabled that moves down each section. 

 

When I downloaded and installed the demo content the sections were all setup (masthead, banners, boxes, etc) but scroll spy doesn't move between those sections. 

 

The issue scroll spy needs both a class and title attribute. However I don't think I can add that to sections. 

 

I can add some HTML to the content, but that is one block only, not interspersed throughout the page. 

 

The demo page seems to be setup like this 

 

[sroll Spy]

[html with scroll spy classes and title for boxes]

[boxes]

[html with scroll spy classes and title for banners]

[banners]

[html with scroll spy classes and title for masthead]

[Masthead]

 

I can only figure out how to do the following:

[sroll Spy]

[html with scroll spy classes and title for boxes]

[boxes]

[banners]

[Masthead] 

 

How do I get the ability to inject raw html between the sections in a template? Attached is a screenshot on how it looks on my development site. 

 

post-9313-0-96464500-1359137255_thumb.jp

Share this post


Link to post
Share on other sites
Jenny    33
Jenny

This isn't something I've messed around with yet but have you tried adding the HTML for scroll spy at the top of each section? In other words, don't expect to add html in between sections but rather in the top of each section. Hope that makes sense. :)


Jenny :: Web designer at Simple Mama (follow me at @simplemamacom)

Check out Share Me, a social sharing add-on for DMS that is super simple to set up.

Share this post


Link to post
Share on other sites
ellenmva    112
ellenmva

Use the section ContentBox and put one in between each section with the html for the scroll spy. You can clone ContentBox so that you can use more than one instance on a template.


Ellen Moore

Pagelines Developer

www.elsue.com www.betterdms.com

Share this post


Link to post
Share on other sites
thomasr    0
thomasr

Ellenmva,

 

Can you give me a screenshot of what you are referring to? Because I don't undertand. In the "Drag and Drop" section I don't see the ability to clone content. How would that even work since it pulls the content from the wordpress editor. 

 

Jenny: I don't understand; how would you add HTML before a section of boxes like in the demo.pagelines.com/sections/ ?

Share this post


Link to post
Share on other sites
ellenmva    112
ellenmva

First you need to install the section ContentBox -- it is different from the Content Section.  In the Pagelines Store it is under Free Sections.  Once installed it will show up in the Drag & Drop Area.  Drag it into the Active Sections, click on Options and clone it.  When you go to your page and down to Pagelines Meta Options you will see your ContentBox sections and you can add the HTML code there.

 

Screenshot_1_25_13_6_16_PM-2.png

 

Hope that explains it a bit better.


Ellen Moore

Pagelines Developer

www.elsue.com www.betterdms.com

Share this post


Link to post
Share on other sites
thomasr    0
thomasr

Ellenmva: That is exactly what I needed. And I got it to work. Thanks so much for your help. 

Share this post


Link to post
Share on other sites
tindel    0
tindel

i am almost following this.  just started with the scoll spy. when you say add the "scroll spy html" to the content box.. i am not sure if i am following correctly what that means... what does that look like.  I have gotten the scroll spy to scroll on one page (johntindel.com) like documentatino does on scroll spy, but I want it to be able to scroll to sections on the page that may have the blog in that section, or a gallery or my boxes? can this be done? All I can tell is that I can only scroll on the content area?   and if anyone has a good hint of what I am missing,,, much appreciated.

 

Got to wrap my head around the scroll spy.

Share this post


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

Hi,

I recommend you review our Scroll Spy documentation for the Scroll Spy html.

 

http://support.pagelines.me/docs/sections/scroll-spy/

 

Unfortunately, the Scroll spy uses HTML to know where to scroll, therefore you're unable to scroll to sections. That is why Ellen suggested the ContentBox above.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
tindel    0
tindel

Thanks,

I guess I am confused as to what to exactly put into the content box to call the scroll spy?  I understand that the content box is used for the location to scroll to, just not sure exactly what to put into it.  I think it is something easy, just confused on that a little.

Share this post


Link to post
Share on other sites
tindel    0
tindel

i think I might have figured it out.  Can you in turn pull any section (ie. blog) into a content box?

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

Sign in to follow this  

  • Similar Content

    • ppotent
      By ppotent
      Any chance of a pagelines table plug-in coming? I know that the use of short codes and bootstrap can achieve this, but I can't seem to find any easy/visual editor way of doing this. There are table plug-ins around for wordpress, but honestly, they are pretty clunky. I'd pay for a tables plug-in, given how much I would use tables if I could.
       
       
    • nandorj78
      By nandorj78+
      I checked the demo for the new bootstrap theme (http://themes.pagelines.com/bootstrap/) and I really liked the slider on it. I suppose it was not done using 'impulse' or 'flick slider', was it? How was it done?
    • micstepl
      By micstepl+
      is Bootstrab (http://getbootstrap.com/ ) kompatible to PL5? how to install most fitting?
    • respectgb
      By respectgb+
      Hi,
      I'm having problems with bootstrap popovers being cut off the edge of the browser. I'm using the latest version of dms (2.2) and this problem occurs on all browsers tested. Please can you let me know how we can fix this?

      Cheers

    • gregfischer
      By gregfischer+
      Hello,
      I followed the directions for importing the DMS content and the Wordpress portion failed to upload ALL of the xml (some parts failed). So I never got a site that looked like the demo site. How can I completely start over, and try to get it right? And what might have happened that didn't allow for all of the xml/WP to be imported?
×