One Page Design

peterkovacssoft
43 Posts
peterkovacssoft posted this 07 November 2014

A question to you would be to turn to a single page that is possible in the near future it will be possible to bring together the theme themlerel? or possibly longer possible? if yes, now I would like to ask a little help from you. Thanks in advance for their answers

A question to you would be to turn to a single page that is possible in the near future it will be possible to bring together the theme themlerel? or possibly longer possible? if yes, now I would like to ask a little help from you. Thanks in advance for their answers

Last edited 13 November 2014 by Support Team

Vote to pay developers attention to this features or issue.
29 Comments
Order By: Standard | Newest
Support Team
Support Team posted this 26 August 2019

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

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
hitesh.visit
3 Posts
hitesh.visit posted this 24 August 2019

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...

> Hi hella, > > yes i do, this works fine! > > i use fixed to [scroll bar][1] 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 > > [1]: https://bbbootstrap.com/snippets/custom-style-scrollbar-78094593 I think her asking for one page HTML template...
Stagger Lee
1818 Posts
Stagger Lee posted this 18 December 2015

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.

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.
Stagger Lee
1818 Posts
Stagger Lee posted this 18 December 2015

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;
?>

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". &lt;?php $my_postid = 118;//This is page id or post id $content_post = get_post($my_postid); $content = $content_post-&gt;post_content; $content = apply_filters('the_content', $content); $content = str_replace(']]&gt;', ']]&gt;', $content); echo $content; ?&gt;
zebrainnovation
2 Posts
zebrainnovation posted this 18 December 2015

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. Thanks, however i ask about Themler Solution, i know how do it with pure code.
Stagger Lee
1818 Posts
Stagger Lee posted this 18 December 2015

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 ? 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.
zebrainnovation
2 Posts
zebrainnovation posted this 18 December 2015

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

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

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

Sincerely,
Hella

You are welcome. Feel free to contact us in any other occasion. Sincerely, Hella
vision4web
23 Posts
vision4web posted this 20 November 2015

Hi Aileen,

thx for support, but i figured it out.

Thx for all, sorry for disturbing :).

LG

Hi Aileen, thx for support, but i figured it out. Thx for all, sorry for disturbing :). LG
Support Team
Support Team posted this 20 November 2015

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

Regards,
Aileen

Hello Jürgen Zwiener , please provide link to your live page that demonstrates the issue. Regards, Aileen
vision4web
23 Posts
vision4web posted this 19 November 2015

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

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

Support Team
Support Team posted this 16 November 2015

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

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
vision4web
23 Posts
vision4web posted this 14 November 2015

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:

&lt;a id style&gt;section1&lt;/a&gt;

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

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: > > &lt;a id style&gt;section1&lt;/a&gt; > > 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
Support Team
Support Team posted this 19 October 2015

Hi,

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

Sincerely,
Hella

Hi, Could you please attach your theme so we could see the issue with the SmoothScroll? Sincerely, Hella
Marco
171 Posts
Marco posted this 18 October 2015

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

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
stryjek-www
161 Posts
stryjek-www posted this 18 October 2015

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 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 &lt;div id=&quot;home&quot;&gt;&lt;/div&gt; &lt;div id=&quot;onas&quot;&gt;&lt;/div&gt; &lt;div id=&quot;galeria&quot;&gt;&lt;/div&gt; &lt;div id=&quot;kontakt&quot;&gt;&lt;/div&gt; Czyli tak najpier mam kod html &lt;div id=&quot;home&quot;&gt;&lt;/div&gt; 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 &lt;div id=&quot;kontakt&quot;&gt;&lt;/div&gt;
stryjek-www
161 Posts
stryjek-www posted this 18 October 2015

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

> 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
Support Team
Support Team posted this 06 February 2015

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

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
mimiK
1 Posts
mimiK posted this 06 February 2015

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?

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?
Support Team posted this 19 December 2014

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

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

You must log in or register to leave comments