441 comments found.
Hi, I’m using onepage template, and I have a problem. I want to build a page with images loaded dinamically from json, but the problem is that building the DOM, all images are shown but it freezes at the top of the screen, mousewheel doesn’t scroll trought the page, until a browser resize is done, then it works perfectly; and a second issue is that div classes are omitted, I think I’m not doing DOM building in a correct way, this is my js script:
$(document).ready(function() { $.ajax({ url:”http://www.someweb.es/ajaxfunctions.php?formid=2”, dataType: ‘jsonp’, jsonp: ‘jsoncallback’, crossDomain: true, timeout: 10000, success: function(data, status){ var toadd; toadd = ‘ ’; $.each(data, function(i, item){ toadd+=’ ’; toadd+=’item.idPicture’” />’; toadd+=” ”; toadd+=’ ‘ $(”#refBanda”).html( toadd ); }); }, error: function(){ output.text(‘Error accediendo a los datos’); } }); });
Hi,
Try to use the function
swipernested.reInit();
After you finish loading the images, in the success function at the end
That function will calculate the new height of the layout, and will enable scrolling on it.
Also you can see in code.js how we are dealling with dinamic height for example in blog section.
$(".trigger_blog").click(function(){
function fixheighttoogle()
{
swipernested.reInit();
setTimeout(fixheighttoogle, 1000);
}
setTimeout(fixheighttoogle, 1000);
});Hope this make sense.
Best Regards.
Great, it works fine…..Now I have a twitter issue, tweets don’t load, and every step is done; I´ve changed username on index.html, I put my own API keys, and all the script is hosted in my own hosting….and I have no response…Do you have any idea?
Hi,
It should work fine.
Either there is a javascript conflict somewhere or some settings were not done.
Are you using any js functions, other that the template originally had?
Are you testing the template on a server or locally? Locally will not work.
Regards.
In order to see how it works, I’m using the original template with my own API keys, username, and tested in a remote paid server (www.hosting24.com)
Hi,
Is there any way we can see your demo url ? We can look at your source code to see where the bug is.
Regards.
Hi,
Tested your demo url file on our server and it’s working fine
http://famousthemes.com/gomobile/testing.htmlClick on twitter, and your tweets will apear.
So I guess on your server the API file is wrong.
Go and double check the API keys inside the index.php file from the twitter folder on your server. Make sure you have all below completed:
// Your Twitter App Consumer Key
private $consumer_key = '';// Your Twitter App Consumer Secret
private $consumer_secret = '';// Your Twitter App Access Token
private $user_token = '';// Your Twitter App Access Token Secret
private $user_secret = '';Regards.
I saw your server working fine so I guess my API keys are correct, isn’t it? I filled carefully in my index.php all data about twitter…. I can see this error on dev tools in chrome in my server (not in yours):
Uncaught TypeError: Cannot read property ‘statuses’ of null jquery-1.10.1.min.js:6
Does it has to do with the malfunction?
Hi,
No, on our server we are testing with our own API keys. It works too having our API with your username. Twitter allows any valid API keys.
The jquery error I don’t think it’s got something to do with this.
It must be something from a js file. Try to put again all the original js files used in the template. In case you edited some.
Regards.
Ok…there’s something curious. I’ve tested multipage script with my own API keys, in my paid server and in localhost, and twitter feeds are working fine , so I guess there’s something strange in onepage script, would you help me please?
Hi,
The ony test you can do now is to put on your server the original files, you downloaded from themeforest. So the unmodified ones.
Add your API keys and test them. I am pretty sure that the error is from some modifications you have made to the files you are testing.
So please test the original files with just the API keys added, and the twitter username. Not on localhost, on the server.
Let us know how this goes.
Regards.
OK…This is what I’ve just done. Original downloaded files with your original API keys have been uploaded to http://www.musicator.es/app/gomobile/
...with no modifications…and still stucked 
Only go-mobile-multipage is working perfectly….Any light?
Hi,
The original files do not have the API keys in the files of the onepage template. Just in the multipage one.
So please add the API keys in the one page template in js folder/twitter/index.php file.
It will work for sure. Like it works on the multipage one.
Regards.
Hi, I’ve just done what you say, I added API keys from multipage to onepage and it doesn’t work
OK….It’s working now with my own API keys in onepage script, almost in localhost…thanks…nice work;-)
Glad it works 
Regards.
Is it possible to change modpath for twitter feeds to an external path? I would like to compile whole script in cordova, and index.php needs to be in a server side
Hi,
Yes I think you can do that. You can load the twitter API from an external file.
Regards.
Hi, could you please explain a bit more about redirecting to mobile site and uploading the website to server, as the tutorial is very complicated for starters like myself, I tried redirecting for hours without success, can you help? please
Hi,
Can you please tell us how is your main desktop website build? HTML, php, wordpress?
Depending on this you can add a code to your main desktop website that will redirect only mobile users to your mobile website. You can add for example your mobile website under a subdomain like m.yourwebsite.com and redirect to it.
For HTML there is a javascript code that need to be added, for php a php one, and for wordpress there are multiple options and plugins.
Regards.
Are you there?? Still I didn’t get my query’s answer. Is this fake??
Hi,
In your email you said that you are trying to add custom layout, like textbox, buttons and it’s not working right?
Can you show us what are you trying to add? Because it’s very hard to tell without seeing what exactly are you adding into the template.
Not it’s not fake… you need to be more specific when asking for help.
Best Regards.
Hi there,
We’re having a problem – when we insert any form fields (i.e., a search field) it will not select/function when tested on an iPhone.
It works fine on laptop/desktop, but when we test on iPhone it won’t function. I’ve tried stripping out any unnecessary JS, and the issue still persists. Any idea of what’s happening?
Thanks.
Hi,
If you look into the code.js file right on the top lines you will see a function that is enabling the intputs to be touched on mobiles:
$(function(){
$('.form').find('input, select, textarea').on('touchstart mousedown click', function(e){
e.stopPropagation();
})
})
If you added and extra input outside the .form DIV you need to create another function just like that with the new DIV that included the input.
Regards.
Thanks! One more question – I have two contact forms on my site and when I try to submit to the second form, the error/success message appears on the first. I tried changing the jQuery designator for the second one (and duplicating the piece of code, just replacing the css id/class with the second designators) which resulted in the form not working at all. Any idea of how that can be fixed?
Thanks!
Hi,
Drop us an email using the contact form on our profile page-sidebar, and we will reply with some files with 2 forms included.
Regards.
Hi,
The email has been sent. Please let me know when you send the files as that email isn’t a primary email so it isn’t checked as often.
Thanks!
Hey,
We need these files sent ASAP – the client is waiting. We haven’t received the email as far as we know and have gotten no notification if you’ve sent it.
Thanks.
Hi,
Sorry for the delay. Sometimes we do have a lot of customizations requests, and can take up to an week to do them all following a list.
We have sent you the customized files.
Best Regards.
Hi, can you sell for me for 12 dollars? Because I have 12 dollars as credit in the themeforest.
Hi,
I am afraid I cannot sell it separatelly from themeforest. Only they sell it at their fixed price. Sorry.
Hello there, I today purchased this theme. I want to ask if it is a wordpress theme or not. If not then what is the easiest way to customize it. I mean if I want to add my blog articles on blog segment, will I have to add text to html file each time I write a new blog, OR is there a better shorter way ? Since I see there is no code added in form tag of comments part of blog, so will I have to create my own php files to take care of all this ? or is there a documentation which you can provide, which lists all the places where I should add my own php files?
Hi,
As you can see the category this item is in, Go Mobile is just an HTML mobile template.
As it is all the code must be edited from an HTML editor.
To make the content dinamic you must integrated the template with a CMS, like wordpress or another.
You can even add custom programming like php to it. There are no instruction to make it dinamic included. You will need to ask or work with a programmer for that.
Regards.
Okay @FamousThemes. Thanks for the reply.
Hi! i`m using input type=”range” but sliding it causes to sliding all page. Any idea how to fix it?
Hi,
In code.js we are disabling touch-slide on inputs and form elements, but just for those inside the div class .form
$(function(){
$('.form').find('input, select, textarea').on('touchstart mousedown click', function(e){
e.stopPropagation();
})
})
Just add the range input type into that code too. Make sure the class of the form you are using it is included.
Regards.
Hi, before everything i want say i have to say thank you for you template and design. i’m new in design with jquery and javascript. i try to create a international page with your template. and i have problem with height of page ! i use a menu page of your template only just for sliding and effect and when i try to open template with smartphone like sony z3 iphone 6 galaxy s2,s3 i saw this page like this picture
http://isf.parsistech.com/Screenshot_2015-09-12-19-42-27.pngand height isn’t going to 100% but it’s 100%
and i try to check again with google webmaster tools > crawl > fetch as google and i saw this picture again http://isf.parsistech.com/google.pngand when i refresh page its going to height:100%
and sometimes reverse.( page in first loading have problem with height and after refresh is going to ok ) why ? what happen ?
i update code.js and try with reinitialized silde but nothing happen.
this my page : isf.parsistech.com
please help me.
very thanks.
Hi, i add a next slide ” about us ” in my page and it’s going to ok. but i don’t need next slide. please advice to me to solve this issue. tnx
Hi,
You want to create a website with just one page? As you saw in the archive you download the template is available in 2 versions.
If your plan is not to use another section in the next slide, then use the multipage version, and create just one page.
In the version you choosed with the slide, you will need seconds pages to function normally.
I am not sure why that height is not showing, but try to use the multipage version and create just the home page with the menu you want.
Regards.
Hi there,
I am trying to use your template and I have run across some road blocks, I was wondering if you could help me with those. I am using your go-mobile-onepage page, “index_medical.html,” well I have converted it to index_medical.php, first of can I do that, second if I can, can I use sqlite3 database in the external .php file.
You see I have converted the main file into .php and then calling an external file through ajax call which is also a .php to get the data and populate it on one of the pages. I have all this up and running @ http://entouragebyj.com/go-mobile-onepage/index_medical.php, if you click on Age Group you will come to a page with dropdown.
My question to you is, it would show fine on a safari browser, but when I look on an Android or iPhone I can only see it on Firefox browser and not on Chrome or Safari or Opera.
Second questions is if lets say I have an RSS page, the text goes beyond the page then I can’t scroll down, I need to resize the page in order to be able to scroll down, what do I do to make it work in a normal way.
Thanks
Hi,
Just tested your demo.
1. Yes you can transform the .html to .php It depends also on the final purpose of your mobile website. If it’s just a mobile website it’s ok anyway. If you want to transform it into a native app with phonegap or cordova, you will need to keep the extension .html and the code only HTML. And all the php to be loaded externally with ajax.
If you have ajax knowledge you can do a lot, even connect to a database.
2. Test it on firefox, chrome, safari, works fine on desktop. Tested on iphone5, galaxy S3, S4, Windows phone, looks good.
3. There is only one bug, the scrolling issue when having a content with bigger height than the screen.
The solution is the swipernested.reInit(); function added after the new content is loaded.
See as example how we managed the blog section of our template, when clicking the load more posts button. Here is the function:
$("#loadMore").click(function(){
function fixheightposts()
{
swipernested.reInit();
setTimeout(fixheightposts, 1000);
}
setTimeout(fixheightposts, 1000);
});
Hope this helps.
PS. Sorry for the delay on this, we just got back from a vacation.
Regards.
Hi i got the gomobile. great mobile app. On the contact form., i’d like to move the “message successfully sent” right above of the send bottom and changed to green font. right now its at the top of the form and the tendency of the sender is to keep sending and i received like maybe 7 of same message from same guy.
Hi,
Sorry for the delay on this, we just got back from a vacation.
Thank you for your feedback. Yes we should also move that message in the original template as well, since what you say is very logical.
To move the contact form messages you need to move in the HTML
<h2 id="Note" />
And move it above the submit button which is
<input type="submit" name="submit" class="form_submit radius4 green green_borderbottom" id="submit" value="Send" />
And since is an H2 title you need to add to h2#Note the color you want in the CSS.
Regards.
Hi there,
First of I just wanted to say that you have a great template. However, I am stuck at one place. I want to show twitter feed on the twitter.html page, and even though I followed your instructions I can’t get it to work. Why can’t I simply use the tag tag along with the script and plug it in the page.
Thanks, Adnan
Hi Adnan,
Did you added the corect API keys into the twitter index.php file ?
Inside the js folder/twitter/index.php you need to add some keys from your twitter account.
Other than this, the feed should be visible.
Regards.
Hello, thanks for the reply! I have one more question: How can I insert a external link in the home icons? When i insert a external link linke “google.com”, the address becomes: http://mywebsitemobile.com/#google.com.
Thank you again!
Hello, I solved the problem, chaging the code.js. Thank you.
Hi, i have bought your nice template some days ago. i would like to insert some texts and images (as a post ), not just images in each slide in the portfolio section when pressing “view details” Pls, could you help me ?
Hi,
When pressing “View details” on a portfolio post a popup gallery will open for the image only.
In the popup you can only add images and text, as the description of that photo.
To create a more complex structure we recommend to create individual pages for each project. So link the portfolio item to a new page and add in the new page, photos, texts….etc. You can use the popup in that details page also.
It’s very easy to do that, just use the layout for example of the about page. Duplicate it for each project you have in your portfolio.
Hope this helps.
Regards.
Thanks for your fast reply. Regards
Congratulations, it´s a very beautiful theme! I’m having trouble with the buttons. They came pre-defined: Contato But when I insert a hyperlink (on #) to an internal page of the website , it does not work.
Can you help-me please! Thanks a lot.
Hi,
Thanks
Are you using the multipage version or the one page version.
On one page use
onclick="swiperParent.swipeTo(1);"
To link to a new section.
Regards.
Hi, I’m using the multipage version. How can i link the buttons in this version? Thank you.
Hi,
In the multipage version simple link with the page name and .html
a href="about.html"
Regards.
Congratulations, it´s a very beautiful theme! I’m having trouble with the buttons. They came pre-defined: Contato But when I insert a hyperlink to an internal page of the website , it does not work.
Can you help-me please! Thanks a lot.
Hi,
Thanks
Are you using the multipage version or the one page version.
On one page use
onclick="swiperParent.swipeTo(1);"
To link to a new section.
Regards.
Congratulations, it´s a very beautiful theme! I’m having trouble with the buttons. They came pre-defined: Contato But when I insert a hyperlink to an internal page of the website , it does not work.
Can you help-me please! Thanks a lot.
Hi,
Thanks
Are you using the multipage version or the one page version.
On one page use
onclick="swiperParent.swipeTo(1);"
To link to a new section.
Regards.
Congratulations, it´s a very beautiful theme! I’m having trouble with the buttons. They came pre-defined: Contato But when I insert a hyperlink to an internal page of the website , it does not work.
Can you help-me please! Thanks a lot.
Hi,
Thanks
Are you using the multipage version or the one page version.
On one page use
onclick="swiperParent.swipeTo(1);"
To link to a new section.
Regards.
whats happed I thought I could use this page to sell my services http://famousthemes.com/gomobile/preview.html# and people would click on the demos but there is no template for this html for this link http://famousthemes.com/gomobile/preview.html#
Hi,
That is our preview page for the mobile template.
We can send it to you if you want to use it. We did not consider users wanted that too.
Just drop us an email and we will reply with the files. Use the contact form on our profile page.
Regards.
Hi, thanks for the template! It works great, apart from some little issues. Maybe you could help me fix them.
1) It’s not possible to slide down when I start scrolling by touching an input field
2) In iOS when I start to scroll down while an input field is focused, everything starts “jumping around”
3) If I open the template in the Firefox desktop version, the mouse scroll wheel speed is very low
Is there a solution to this problems? Would appreciate your help! Thanks!
Hi,
Thanks for the feedback.
1. We are using a custom function to disable touch scroll on inputs
The function is in code.js file
$(function(){
$('.form').find('input, select, textarea').on('touchstart mousedown click', function(e){
e.stopPropagation();
})
})
We consider it’s normal not to scroll on an input, because users must be able to click the input, to type the text.
2. I think it’s related to the same function above. Try to remove it if you think it’s better to let users scroll over the inputs.
3. It’s a browser related issue. The template functionality is better to be tested with a mobile. On mobile that scrolling is made diferent.
Regards.
Hi, i am using the “multipage” version and have some problem loading pages.
If you go on my site “neo.ca”, click “Play”, than click “Skip Video”, from there, switch from “Living room” to “Kitchen” to “Bedroom” buttons.
The pages are not loaded correctly, for example, i get the following in the address bar >>
http://neo.ca/bedroom.html#livingroominstead of just
http://neo.ca/bedroom.htmlI tried many different modifications to the ”<nav id=”menu”>” but nothing work, your help would be greatly appreciated, thank you!
Hi,
On the multipage version all secondary pages are loaded in the url with # before.
So if you are on index.html and click about.html your url must be
index.html#about
Being an ajax template the content of the secondary pages is loaded automatically into the layout.
Try to keep the structure of the secondary page the same as we did. Do not modify the general pages important DIV’s.
Regards.
