214 comments found

Joemary Purchased

Hello,

I would like to know how to change the swiper-pagination-switch shape from rectangle to circle?

Thank you!!

FamousThemes

Hi,

In the main style.css file you have the pagination format

.pagination {position: absolute;z-index: 20;left:0px;bottom:5px;text-align:center;width:100%;}
.swiper-pagination-switch {display: inline-block;width:12px;height:3px;background: #222;margin-right: 5px;opacity: 0.5;cursor: pointer;}
.swiper-active-switch {background: #fff;}

To change it to a circle design, you have 2 options

1. Add round corners in CSS

2. Add a small round bullet image and use it as bg image for the pagination links.

Regards.

gmlyra Purchased

Hi, thx for this awesome template i really enjoy it.

But i need create a modal on the screen to make a Form how can i do that once i tried to use Bootstrap Js to create modal and doesn’t show the modal on the screen.

Regards.

FamousThemes

Hi,

We did not tested Bootstrap Js to create a modal on this item.

But any good functionality js code will work as long as it’s correctly added. Also make sure that the js functions added are compatible with the js functions of the theme. And add the js code in the correct place.

Regards.

When the new version is releasing with multiple skin on each page as was explain in comments.

FamousThemes

The update was just released. See the latest comment or the item description.

Default-user

ok thanks for the quick reply.

UPDATES – 04 December 2014 – Template version 3.0

1. Multipage version added. All pages content is loaded with jquery/ajax to keep the app feel and functionality.

2. Updates to onepage version navigation. All links from the menu are now individually editable allowing to add any action on any link.

rodyz Purchased

hi,

is it compatible with phonegap?

FamousThemes

We did not test it, but a lot of users send positive feedback.

We also have in plan testing it.

Regards.

thomsol Purchased

So, I downloaded this, and haven’t tried it on a phone yet, but loading it into my browser (Safari), on the multi-page, no page changes are occurring. I get the spinning wheel, but it still re-directs to index.html#blog etc, rather than loading blog.html

FamousThemes

Hi,

In the download the exactly js files are available as in the demo. Just checked.

Yes you can download the online code.js file. Just use the browser to view source code online.

As for “as it appears to be appending the ”#content” to the index.html” this is the corect behaviour. It will not switch the index.html to about.html. Just load the page extension to index.

Let me know if that will change something.

Regards.

Default-user
thomsol Purchased

OK… found the problem, and it was on my end. I had just downloaded and launched from the file system, where things used to run fine, but not the paging. When I copied to the web server, then things worked. Just an FYI, in case you get this question again.

FamousThemes

Glad it works now.

Thanks for the feedback.

Hi

Got a new problem. We are trying to add a universal footer (not in each page_container section) but could not figure out the way to do it. Also we want to make it stick to the bottom of the page. Any suggestion for this design?

Thanks!

FamousThemes

Hi,

You can do that but will require some small js and HTML work.

1.Do you want like the footer to stay fixed over the content at the bottom just like the header does? 2. Do you want it to appear just for some sections, not all secondary ones?

Maybe I can help with some small code example here if you will tell more about that.

Regards.

Default-user

Hi,

For your questions: 1. It should be always sticky to bottom but not fixed (after all of content). 2. We want it appears for all sections (that’s why we prefer making it universal, not a snippet appended to each section)

FamousThemes

Hi,

So the footer should not be added after the content.

By fixed I meant to stay hover the content. When you will scroll the page content the footer to stay over the content sticky/fixed to the bottom screen of the mobile right?

2. All section, including the first menu/icons section?

Hi, Thank you for nice templates. I just got it but can you please add login page design & Tabs option at bottom…

FamousThemes

Hi,

Thank you for buying it.

The tabs options should link to what? Other sections?

We will consider in adding them in a future update.

You can give more details about the things you want, so we will add them.

Regards.

Default-user

Hi, Yes the tab should linked to new page and login page like this https://itunes.apple.com/ae/app/breeze-uae/id535729255?ls=1&mt=8 & Tab page like https://play.google.com/store/apps/details?id=com.scb.ae.bmw&hl=en but should be an option to put on top or bottom .. i can pay some extra amount for this as well but let me know if it’ can be possible..

FamousThemes

Hi,

Thanks for your suggestions. We cannot make this customization just for you right away because we have a program to follow now. If you want it in a very short period you will have to hire a freelancer from “Envato Studio” website.

But we will consider in adding an option like this in the next update of the template. You will use it for free. At that point all you have to do it to download the item again (free from your account)

Regards.

Hi

I’m using the new multipage version with the “slider” theme. Really cool layout. I have set up and formatted all my pages. On the Contact page I had to implement the PHP SMTP mailer instead of the mail() function. All that working good now. I do however want to implement the reCaptcha function on the contact form. I have tried both the javascript version and the noscript version with no success. The reCaptcha never shows up. I have verified my captcha code in a blank page on the server and both the javascript and noscript version shows up. Any idea how to implement this on the contact form?

Thanks

Eivind

FamousThemes

Hi Eivind,

Where did you add the execution function for the capcha. The javascript code ?

As you notice, being an ajax pages system all the functions are executed in code.js file.

The functions are loaded normally inside the HTML file, in diferent js files and executed inside code.js under
function homenavclick() {    

......

  function showNewContent() {

......HERE.......

.....}

So after the home button links are clicked (function showNewContent()....) the functions are activated for the secondary pages.

There you should add you captcha js code.

We did not test this, but I guess the captcha should work fine.

Regards.

hpatil Purchased

I purchased this item but it doesn’t have dropdowns. pls help me with getting dropdown theme

FamousThemes

Hi,

Can you be more specific about dropdowns? On the menu or where you whould like them to be?

I don’t see where dropdowns can be used here.

Regards.

Hi, i have a problem with the gallery content. I’m using a single version for different pages. After to get some photos from my web url with json , when i try to touch on a photo, it is showed in another browser page. it seems like the particular css for gallery doesn’t hear the call by clicking on a img tag…Can you help me… this is the code index .html <div class="pages_container" id="bodyGallery"> <h2 class="page_title">Gallery</h2> <div class="portfolio_item radius8"> <div class="portfolio_details"> <h4><a href="#" onclick="espandiGallery('27-11-2014');">27-11-2014</a></h4> </div> </div> <div class="clearfix" /> <div class="scrolltop radius20"><a href="#"><img src="img/icons/top.png" alt="Go on top" title="Go on top" /></a></div> </div> Here where there is the gallery get from json <div class="swiper-slide sliderbg"> <div class="swiper-container swiper-nested"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="slide-inner"> <div class="pages_container" id="bodyListGallery"> </div> <!--End of page container--> </div> </div> </div> <div class="swiper-scrollbar" /> </div> </div> this is the json code function espandiGallery(nome){ var response = $.ajax({ type:'GET', url:'http://xxxxxx.com/app/get_dettaglio_gallery.php?nome='+nome, dataType: 'json', success:function(response){ var url = 'http:/xxxxxx.com/img/gallery/'; var listSubNews = $("#bodyListGallery"); listSubNews.append('<h2 class="page_title">'+nome+'</h2>'); listSubNews.append('<ul class="photo_gallery_13">'); for(i=0; i<response.length;i++){ var directory = response[i].dir; var foto = response[i].nome; var li = $('<li><a rel="gallery-3" href="'+url+directory+'/'+foto+'" class="swipebox"><img src="'+url+directory+'/'+foto+'" /></a></li>'); $(".photo_gallery_13").append(li); } listSubNews.append('</ul>'); listSubNews.append('<div class="clearfix" />'); listSubNews.append('<div class="scrolltop radius20"><a href="#"><img src="img/icons/top.png" alt="Go on top" title="Go on top" /></a></div>'); swiperParent.swipeTo(5); } }); }
FamousThemes

Hi,

Are you using this on a webserver? Or trying to create an app with phonegap?

If you are using it on a web server can we see the demo url?

It’s more easy to see online if some files are missing.

Bascially your problem seems to be the gallery code not executed.

Please verify:

1. Make sure jquery.swipebox file is there (and jquery too) 2. Make sure the swipebox.css is added 3. And the call function is added too:

jQuery(function($) { $(”.swipebox”).swipebox(); });

Other than this I can see that the class “class=”swipebox” is added correctly to the links., so no problem there.

Also another problem are the extra js files you are adding. If you adding other functions that the theme includes make a quick test and remove them.

Regards.

geebengs Purchased

Hello,

Please I purchased this theme and I am using it to develop a phone gap application. However, I am having issues with the blog aspect.

When I dynamically load blog posts from the database using json and I use jquery or javascript to programmatically render the html of the post titles and post details, a click on the post title doesn’t open the post details. It just doesn’t respond to a click. But if I copy the html code generated with javascript and paste it in the blog section, it works pefectly.

I will really appreciate your help on this.

Thanks.

FamousThemes

Hi,

Are you using the multipage version or the onepage?

But the click not opening the post details can be a database problem. Do you get any errors there? Did you also test the details section let’s say without that effect that opens the details section like a popup?

Also it’s quite hard to tell without really testing it and see the code.

Regards.

Default-user

Hello,

Thanks for the prompt reply. I am using the onepage. I wasn’t even aware there was a multipage version else I would have tried that out.

I am convinced it is not a database problem. The database returns the result and the results are displayed in the html using javascript. The only challenge is that the post title doesn’t respond to click that ought to open the corresponding post detail.

see below the code that gets and displays the posts from the database:

If I check the output of this code in the console, it gives me a correct code mark-up and if I copy and paste this output directly into the blog section, it works correctly (i.e it responds to click and opens the post contents). But the direct output of this code which was generated with javascript doesn’t work.

$.post('http://my_url.com/load_buzz.php', {}, function(data){ var postContent = '<ul class="posts">'; var postDetail = ''; for(var i = 0; i < data.length; i++) { var j = i+1; //console.log(data[i].buzz_title); var buzz_id = data[i].buzz_id; var title = data[i].buzz_title; var buzz = data[i].buzz_body; var date = data[i].date_created; var postid = 'postid'+j; var postids = 'postids'+j; //console.log(postid); postContent += '<li class="post" id="'+postid+'"><a href="#" class="post_more"></a><div class="post_right_reveal"><h4><a href="#">'+title+'</a></h4></div><div class="post_right_unreveal">Posted in <a href="#">blog category</a><span class="post_comments">25 Comments</span><a href="#" class="post_readmore">read more</a></div><div class="post_left"><span class="day">23</span><span class="month">june</span></div></li>'; //$("#buzz_title").append($('<div>').html(title)); } postContent += ''; console.log(postContent); $("#post_content").append(postContent); for(var n = 0; n < data.length; n++){ var k = n+1; //console.log(data[i].buzz_body); var title = data[n].buzz_title; var buzz = data[n].buzz_body; var date = data[n].date_created; var postid = 'postid'+k; //console.log(postid); postDetail += '<li id="'+postid+'"><a class="backtoblog radius8">back to blog</a><h2 class="post_title">'+title+'</h2><div class="image_single radius4"><img src="images/page_photo.jpg" alt="" title="" border="0" /></div><div class="image_caption green green_borderbottom radius4">Image title</div><p>'+buzz+'</p><h3>Leave a comment</h3><div class="form"><form action=""><label>Name:</label><input type="text" class="form_input radius4" /><label>Email:</label><input type="text" class="form_input radius4" /><label>Comment:</label> <textarea class="form_textarea radius4" rows="" cols=""></textarea><input type="submit" class="form_submit radius4 green green_borderbottom" value="Submit" /></form></div> </li>'; //$("#buzz_title").append($('<div>').html(title)); //console.log(postDetail); } $("#post_details").append('<ul class="post_details_page">'+postDetail+'</ul>'); //console.log($("#post_content").html()); //console.log($("#post_details").html()); },'json'); </div></div></ul>

Hi there! First of all… Great mobile theme!

Just one pre-sale question: is it possible to choose the style of “medical” template but with color combilation (b\w) of “white” template?

Thank you really, M

FamousThemes

Hi M,

The designs are included the way you see them. So the medical theme is blue. You can only change it to B/W by modifying the CSS file.

Regards.

Support will be offline between 21-27 December 2014. All new comments from that period will be answered on 28 December 2014. Thank you.

by
by
by
by
by
by