u guys have a wp version of this?

No, sorry, this is available just as HTML/CSS template

Hi,

Our template will provide you just a starting point in creating a mobile website or app. So it’s a simple HTML/CSS/JS template without a backend administration panel. You will need to custom create all the backend code you have now on the current website.

Hope this helps.

Regards.

Hi,

No, this item is in HTML/CSS mobile templates category, and can be used as it is.

Regards.

Hi,

What type of error did you get?

Ususally if it does not work it shows an error.

Can you post an url demo?

Regards.

Hi,

Unfortunatelly you cannot detect when a user has saved or not the link to his home screen. There is code to detect that on a mobile, and connect it with a website data.

You can detect with a cookie if the user has click on closing that popup, this means you can hide the popup when the user enter next time. It’s not quite connected to the save to homepage process, but that’s all you can do. And will require custom coding. So you will need to use jquery and cookies storage to do that. See for example THIS ARTICLE or THIS ONE as example tutorials on how to achieve this.

Hope this helps.

Regards.

Ok perfect, thank you, I have already made a modification with a cookie, maybe I will try fix it with a cookie that lasts much longer. One last question: how can I make a button that smoothly scrolls down to a div in the same page? I’m trying with the standard “a href” to “id” method but it doesn’t seem to work.

Hi,

You can do that only by using JS

Something like this will work:

        $('.yourlink').click(function(e){

            $('#pages_maincontent').animate({
                scrollTop: $("#anchorlink").offset().top
            }, 2000);

        });    

Hi,

The behaviour you encoutered is from the mobile behaviour.

If you will do tests with different mobile you will see some of them have this behaviour, and some not.

The template Javascript code have a function to stop this from happening in the template. There is a function in my-app.js

var myApp = new Framework7({
    animateNavBackIcon: true,
    // Enable templates auto precompilation
    precompileTemplates: true,
    // Enabled pages rendering using Template7
    swipeBackPage: false,
    swipePanelOnlyClose: true,
    pushState: true,
    template7Pages: true
});

And that “swipeBackPage: false,” is stoping that.

But mobile have their own swipe back functionality, and that will be hard to stop from the template code.

The only solution I see is to build in the header sectio and arrow with a back icon, and allow users to use that action to go back.

Otherwise you cannot stop them swiping back from their mobiles.

Hope this make sense.

Regards.

Thank you! Yes, this problem is encountered pretty much only on Iphone. I was thinking about a back icon too: any suggestion on how to build this button since in “add to home screen” apps both `history.back()` and `history.go(-1)` do not work because there isn’t browser history?

Thank you again. Regards.

Hi,

It’s very simple to add a back button. Just use this code:

<a href="index.html" class="back"> Go back to home page </a>

” If there are pages in navigation history Framework7 will always ignore url in “href” attribute

If there are no pages in navigation history (for example, when you have “back” link on first home page) Framework7 will load page from “href” attribute “

So the link will go back to prev page in the history if it was any, if not will go to main page.

The core JS of framewor7 is using that class=”back” to identify this, in case you are wondering.

Regards.

Hi, the theme animations are from the pages transition. So the pages are Ajax based, and first load the index, then load the secondary pages. Not sure how Laravel works, but has some kind of Ajax option to load the pages will work. Or try to look for others that integrated the Framework7 script (which is the core of our template) with Laravel. Like this duscussion here for example https://forum.framework7.io/t/framework7-used-as-a-mobile-template-for-existing-website/2732

Regards.

Hi, Yes you can do that, but will require some programming, and some JS validation code, which is not included, so you will have to do it yourself. But the login popup can be show based on some function easy to use.

Regards.

Hi,

Yes, use the contact form on our profile page sidebar. Or the contact section on sindevo.com

Regards.

Just make sure in the intialize div you have the code data-autoplay=”2000”

div class="swiper-container slidertoolbar swiper-init" data-effect="slide" data-parallax="true" data-autoplay="2000"  data-pagination=".swiper-pagination"  data-next-button=".swiper-button-next" data-prev-button=".swiper-button-prev" 

Hi,

It seems that you have some JS errors. Not sure where, but let’s try this first.

Open my-app.js and delete this line

var subnaview = myApp.addView('.view-subnav');

Because I can see you are no longer using the sidebar menu and this can cause a conflict in JS.

Let me know if works.

Regards.

It works fine on my tests.

Send a screenshot here of what do you see wrong.

Regards.

Hi,

No this item is not a wordpress theme. As the category and name of the item says it’s a simple HTML mobile template.

Regards.

Hi,

Sure I can help.

First make sure you test the template on a server, or if locally on a browser that supports Ajax offline, like firefox do.

But the best way to test it is on a web server.

After I am sure it will work corectly.

Regards.

Hi,

To enable the loader just add this 2 lines in my-app.js

$$(document).on('ajaxStart',function(e){myApp.showIndicator();});
$$(document).on('ajaxComplete',function(){myApp.hideIndicator();});    

Hi,

Test the template on a web server, it will work.

It uses Ajax which is a server side programming. So the template requires a web server in order to work.

Locally works only with firefox which supports ajax offline.

Regards.

Hi,

Remember that our item is an HTML template. This cannot be install as it is in prestashop. You will need to use the HTML layout and build the prestashop around the layout. So will require integration of the HTML code into the prestashop.

So there is no click installation here, since your website is prestashop based.

Regards.

Hi,

There must by a JS conflict in your code.

Our demo works exactly like you described, and on index the js works fine.

See http://sindevo.com/blix/blix-main/index.html and click any page and then back to index.

Regards.

Hi, I want to ask this 1. Do I have to write same code at below 2 places $(document).ready(function() { , myApp.onPageInit(‘index’, function(page) {

2. In your demo page ( http://sindevo.com/blix/blix-main/index.html ) 2.1 click “journal” 2.2 click button “load more” and click again. 2.3 click first item and move to blog-single.html 2.4 click back button(<-) on blog-single.html 2.5. journal page was initiated. I want to show the last state of journal page. How can I do it

Thank you

Hi,

You need to save a variable in a database session or cookie/JS if you don’t use database, and tell how many posts on journal were showed. You might even save the position the page is, if it’s scrolled down. So when go back you go to that page section.

Hope this helps.

Regards.

Hi,

What is the popup code you are using? I need to see it in order to see what can be done.

Are you adding also the main input from the autocomplete into the popup or just the results?

I need to know how the popup is being used.

Regards.

Hi, I re-initialized the smart select when a pop up div appears. And I turned your smart select to a multi select dropdown . Thanks

Hi,

So you make it work?

Still cannot tell what’s need to be done, until I see the modifications you did.

Just reply if you still need help on this, and post a demo url.

Regards.