Managing the “Parallax Sections” — Multipages

We devel­op themes that help you stand out from the crowd. No mat­ter we’re talk­ing about design, fea­tures, or any oth­er assets, our prod­ucts are here to assist you in the jour­ney of cre­at­ing a con­sis­tent web­site. The way we use Par­al­lax inside Oste­ria is a great exam­ple that high­lights our approach toward help­ing you in the dig­i­tal adven­ture.

Oste­ria comes with a flex­i­ble sys­tem to con­trol pages that are filled with a bunch of text and images sec­tions by using par­al­lax and care­ful­ly designed ani­ma­tions. In this arti­cle, we will show you how to make the most out of it to mas­ter all its strengths.

Pages and Child Pages for Sections

In Word­Press, pages are hier­ar­chi­cal, mean­ing you can assign a par­ent page to each page. We have used this fea­ture to allow you to con­trol the sec­tions of a top lev­el par­ent page. For exam­ple, on our demo “Home” page, the first one is the par­ent and the last two are the child pages. More­over, each page in a hier­ar­chy has a Con­tent Area and a Hero Area con­trolled by the options bel­low the edi­tor box.

Hero Content Header Area

From this sec­tion, you can set the con­tent, height, and align­ment of the hero area. In the con­tent edi­tor field, you can insert any­thing you want, like text, images or short­codes. The back­ground image is con­trolled from the right-hand side­bar of the edit page, in the Hero Area → Back­ground sec­tion.

If you want to com­plete­ly hide the Hero Area sec­tion from your page, you just need to remove the con­tent and any item from the Hero Area → Back­ground.

Adding a Slideshow

If you want to add a slideshow at the top of your page, you have to click the Add Image but­ton from the Hero Area → Back­ground area from the right side of the page and add the images to the gallery. Also, you can add a video too, change the image opac­i­ty or the back­ground col­or.

Updated on April 18, 2017

Was this article helpful?

Related Articles