One Page Design

Hello,

The topic is rather old, there is one page design possible since then. Please refer to this article:
https://answers.themler.io/articles/4782/how-to-create-one-page-design

Sincerely,
Nettie

Hi hella,

yes i do, this works fine!

i use fixed to scroll bar menu and the sections dont stop on the right position. the fixed menu overlay the section.
i dont understand ur explain, sorry :(.

and i work with wordpress.

LG
JJ

I think her asking for one page HTML template...

One problem can be Google index and real Pages. If pages are as "Pending review" they will not be visible to Google spiders, but will be visible in carousel.

I have blockade right now, so I dont know if Google would index 404 error pages, because of "Pending review", but it should not.

It is very possible. Can not go into very details how. This is more info than you need.
Will give you some directions:

1. Insert code from examples above inside CMS Code control (not HTML, not Shortcode, not Text)
2. For each tab make new custom Page template. Click on Customize TEMPLATE style on all 3 place possible in settings.
3. Remove absolute everything from custom Page templates except Content Control/Block.
4. Go in backend and assign new template(s) to your pages.
5. In code from URLs above remove content text and replace it with this PHP code (adapt Page IDs to your own).

And voila, you can click on each tab and edit style separately. Dont forget to click on tab with right mouse button and "Open link".

<?php
$my_postid = 118;//This is page id or post id
$content_post = get_post($my_postid);
$content = $content_post->post_content;
$content = apply_filters('the_content', $content);
$content = str_replace(']]>', ']]>', $content);
echo $content;
?>

Hi i want to create wordpress horizontal one page like this:
http://themes.tf/preview/?reversal
can i do it with Themler ?

Of course it is possible. It is called "Tabbed Slider/Carousel":

http://bootsnipp.com/snippets/featured/tabbed-slider-carousel

http://bootsnipp.com/snippets/featured/colourful-tabbed-slider-carousel

Just switch classes for tabs at top and disable native top menu.

Thanks, however i ask about Themler Solution, i know how do it with pure code.

Hi i want to create wordpress horizontal one page like this:
http://themes.tf/preview/?reversal
can i do it with Themler ?

Of course it is possible. It is called "Tabbed Slider/Carousel":

http://bootsnipp.com/snippets/featured/tabbed-slider-carousel

http://bootsnipp.com/snippets/featured/colourful-tabbed-slider-carousel

Just switch classes for tabs at top and disable native top menu.
In Slider remove all images, insert first Layout container and then you can insert any control inside layout container. Rows, widgets, HTML, PHP code, etc...no limit.

Hi i want to create wordpress horizontal one page like this:
http://themes.tf/preview/?reversal
can i do it with Themler ?

You are welcome.
Feel free to contact us in any other occasion.

Sincerely,
Hella

Hi Aileen,

thx for support, but i figured it out.

Thx for all, sorry for disturbing :).

LG

Hello Jürgen Zwiener ,
please provide link to your live page that demonstrates the issue.

Regards,
Aileen

Hi hella,

yes i do, this works fine!

i use fixed to scroll menu and the sections dont stop on the right position. the fixed menu overlay the section.
i dont understand ur explain, sorry :(.

and i work with wordpress.

LG
JJ

Last edited 19 November 2015 by vision4web

Hi,

Sorry for the delay. Could you please explain in more details what exactly is not clear? Have you followed the instructions from the http://answers.themler.com/articles/4782/how-to-create-one-page-design
What step causes the problem?

Sincerely,
Hella

Hallo

also das mit dem one page design habe ich ja verstandanden, ebenso das mit mit smoth scroll etc.

Hi,

Unfortunately your question is not quite clear.
The "stop point" is an anchor.The browser will scroll exactly to this anchor.
If you mean how to add offset to the anchor to avoid overlapping it with fixed menu, for example, there are a few solutions:
- add padding-top to inline styles of the anchor.
- use empty link as anchor with top offset. Something like:

<a id style>section1</a>

Please let us know if you have any other questions.

Thank you,
Olivia

doch das geht an mir vorbei warum auch immer :) .

kann mir wer erklären wie und wo ich diese einstellungen machen muss?

Vielen dank für eure hilfe

lg
jürgen

Hi,

Could you please attach your theme so we could see the issue with the SmoothScroll?

Sincerely,
Hella

One Page Design with Joomla works like a charm.
Created 2 different websites with Themler - really really great!
I just used this link - after reading and trying to understand it works after the 3rd run.
http://answers.billiondigital.com/articles/5582/one-page-design-in-joomla

No it´s easy. Just take your time to read and understand.
regards

witam
Chciałbym zrobić szablon one page jak z przykładu na samej górze mam jednak problem z płynnym przejściem pomiędzy zakładkami.
Opiszę co jak robię
Najpierw co robię po stronie joomla
1) Utworzyłem nowe menu w menu dodałem 4 zakładki
a) #home, #onas, #galeria, #kontakt wszystko na opcji łącze zewnętrzne
2) Utworzyłem w modułach nowe menu z klasą hmenu
3) Utworzyłem 4 artykułu z opcji własny html i dodałem im pozycje position1 position2 position3 i position4
tyle po stronie joomla
Teraz Themler
Utworzyłem czysty projekt a w nim
Górne menu i 4 pozycje joomla
nad każda pozycją joomla dodałem kod html z divami

<div id="home"></div>
<div id="onas"></div>
<div id="galeria"></div>
<div id="kontakt"></div>

Czyli tak najpier mam kod html <div id="home"></div> potem pozycja menu następnie div o nas i position1 div galeria i position2 div kontakt i position3

w opcjach themlera włączyłem botstart scrolspy plugin
a w menu dodałem rozszerzenie płynne przewijanie dałem czas na 1000 ms

Ale strona się nie przewija tylko przeskakują zakałdki jak na zwykłej stronie
<div id="kontakt"></div>

Witam Niestety tłumaczenie online wiadomości nie jest całkiem jasne, zbyt. Czy to znaczy, szablony jedna strona jak ten? http://ironsummitmedia.github.io/startbootstrap-agency/ Proszę potwierdzić, że jest to dokładnie to, co masz na myśli i podamy Ci z instrukcją, w jaki sposób stworzyć taki szablon jedna strona. Z Themler można stworzyć taki szablon. I daj nam znać, co CMS masz zamiar używać. Dziękuję, Olivia

Witam
chciałbym stworzyć identyczny szablon do joomla. Szablon ma być jako one page. Skorzystałem z pomocy ze strony https://answers.themler.com/articles/5582/one-page-design-in-joomla lecz nie wiem jak zrobić płynne przejście przewijanie pomiędzy zakładkami. Teraz strony mi przeskakują a nie przewijają się Proszę o pomoc

Hi,

As far as I know, there is no possibility to create such templates in Artisteer because of the lack of the required functionality. You can try to search on the Artisteer forum, maybe someone will have recommendations for you.
BTW, there is a New Discussion button on the http://answers.billiondigital.com/Questions page where you can start the new topic.

Sincerely,
Hella
BillionDigital Team

Dear Support,

Couldn't see where I could submit a new post! Had to ask, is there a way that you can conduct this in Artisteer. Smooth scrolling and Menu to fix on Screen i.e to transform an Artisteer template to One Page design?

Here is more information about One Page Design:

Overview
http://answers.billiondigital.com/articles/4782/how-to-create-one-page-design

WordPress
http://answers.billiondigital.com/articles/5581/one-page-design-in-wordpress

Joomla
http://answers.billiondigital.com/articles/5582/one-page-design-in-joomla

Last edited 19 December 2014 by Support Team