Pagination (Split Pages)

Support
#1

Hi there!

So before I push forth with this, I gotta say, the addition of Dynamic Content has blown my mind, and it’s made templating stuff really easy. I’ve been struggling with the redesign of the website for what looks like 4 years now, and I think I can FINALLY get to a place where my goals don’t look so impossible.

Now, here’s a page I’d like to link here to ask you this for context: https://cinemaelite.com/review/film/2018/06/adrift/

There’s a 100vh Fullscreen Header, and a Review Body, and these two sections work perfectly the way they are for film reviews and the likes. However, there are really long features that I’d like to split into, say, five pages. Now obviously I want to do a page break from WITHIN a column rather than AFTER a section, because otherwise I’ll be having to duplicate the header and body way too much to achieve within the construct.

If this is impossible currently, is there a workaround that does NOT include tabbed content or accordions? Are you looking to have this implemented in the future? I’d love to know!

Thanks
Ankit

#2

Hey Ankit,

We’re glad that you like and found the Dynamic Content useful.

Regarding your concern, would you mind providing a little bit more details or can you give us a picture of the experience you’d like to achieve? By breaking the pages, do you intend to use the Table of Content shortcode (see http://demo.theme.co/integrity-1/shortcodes/table-of-contents/)?

Is a secondary one page navigation style control ok with you?

Thanks.

#3

Well, yes. Sort of like the Table of Contents setup, if that helps with clarity. I just completely forgot about that shortcode to be frank, lol. And I know very little about how to use it anymore.

#4

Hi Ankit,

The shortcode should serve the same as pagination’s navigation. Example, let’s say you have split your page in 3 by adding two <!--nextpage-->.

`
Content 1 Here

Content 2 Here

Content 3 Here
`

And in every content, you must add the same TOC shortcode which is

[toc title="Table of Contents" type="left"] [toc_item title="1. Introduction" page="1"] [toc_item title="2. More Information" page="2" [toc_item title="3. Even More Information" page="3"] [/toc]

Now, if we’ll apply the same idea for the builder, you will have 3 sections and each section has content where first <!--nextpage--> is added to the first section content, and another <!--nextpage--> to the second section’s content.

The result will be this if viewed on actual page

Each section and its content are now displayed on their corresponding page. Now, let’s add the TOC shortcode to each section’s content :slight_smile:

And the results

But it’s not limited to text content, any content or elements within that section will be part of that current page. But just make sure to add <!--nextpage--> to the text element :slight_smile:

Hope this helps :slight_smile:

#5

So this system won’t disrupt my header section? And if I did this WITHIN a column it would work?

#6

Hi Ankit,

Yes, it will not disrupt your header Section. Basically your Header is separate from your content.

Not exactly sure what you mean by Within a column.

The example provided by my colleague, the contents are inside a column already.

ie. Section > Row > Column > Text

Thanks

#7

I wanted to explain but you already answered it and it’s exactly what I wanted to know so :smiley:

#8

Glad to hear that. :slight_smile:

#9

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.