Hi,

So you want to keep all the sliders on that page? And just give the first one autoplay? If yes you will need to:

1. As you can see all the sliders are automatically initializated in swiper-init.js file. You will need to take the first slider outside of that general init first

For example just rename the custom class I am using there to initializate all of them, but just for the first slider

Change slider-init below to something else, and remove the data atributes from the line

div class=”swiper-container slider-simple slider-simple—round-corners slider-init mb-40” data-paginationtype=”bullets” data-spacebetweenitems=”0” data-itemsperview=”1”

Let’s say slider-initcustom:

div class=”swiper-container slider-simple slider-simple—round-corners slider-initcustom mb-40”

2. Change also the pagination classes and bullets navigation

                <div class="swiper-button-prev swiper-button-prev-custom slider-simple__prev" />
                <div class="swiper-button-next swiper-button-next-custom slider-simple__next" />

......

<div class="swiper-pagination swiper-pagination-custom slider-simple__pagination" />

3, Then in JS add this custom code to initiliaza thwe slider separatelly with autoplay

      var swiper = new Swiper(".slider-initcustom", {
        direction: 'horizontal',
        effect: 'slide',
        slidesPerView: 1,
        spaceBetween: 0,
        pagination: {
        el: '.swiper-pagination-custom',
        type: 'bullets',
        },
        autoplay: {
           delay: 2000,
         },
        navigation: {
            nextEl: '.swiper-button-next-custom',
            prevEl: '.swiper-button-prev-custom'
        }
      });

Hope this helps.

Regards.

Hi,

Will reply to this comment as well to mark it as done. We have replied with the solution on your other comment.

Regards.

Hi,

In our demo there are 2 submenu levels. So one if you click Features, and another when Shop inside the features menu.

Hope this is what you wanted. Just follow that example.

Regards.

Hi,

Thanks for the feedback, we definetly will work on this in the next updates.

Hi,

No, just HTML/CSS/JS/SASS files

Also on desktop the menu appears blank when you click on it

I’m trying to take the play video button http://prntscr.com/we7c2s and place it as a button here here http://prntscr.com/we7ci1 but it’s not working could you please guide me?

Hi,

Thank you for choosing our template.

About your custom requests for the youtube videos and landing page, we will add those in the next update coming in the next week.

About testing the template on desktop. We recommand using this template only on mobile, this was his purpose when we created the layout, so yes on desktop there might be some sections that looks too wide, but this is a mobile template only.

About adding the play button there, you just need to copy that button code and add another one after the “message” one, just like

<a href="contact.html" class="button button--icon ml-10"><img src="../../assets/images/icons/white/play.svg" alt="" title="" /></a>

Regards.

Hi,

As I can see you can only use VUE 3 with swiper, see more info here https://swiperjs.com/vue/

Regards.

Hi,

No, as it is this item is pure HTML/CSS, so it’s not using a framework like we used in our other template, in that case Framework7 script which was adding that page transition effect.

Regards.

Regards.

Hi,

The layout of the template is 100% full width, will strech to desktop size, but still the design is mobile orientated, some sections looks too mobile dedicated. So not sure if this is a good idea to go with this mobile template as desktop size, from the design point of view.

Regards.

Hi Test the template files on a server. It uses ajax to load the menu and some sections. On server will work. What demo are you using to test? Ecommerce demos are present in the main design

dear we create thing on local, but in local its not working, pls solve this problem

Hi,

If you work on localhost, install a local server and will work. All browsers has removed their suppport for jQuery and Ajax offline, so they require a local server to work.