Jump to content

Homepage Slideshow using Not Linked Gallery on Wells Template

Recommended Posts

Dear Forums,

So, I have a web using Wells template. And I made a homepage using Gallery in Not Linked navigation, so it won't appears on sidebar navigation. 
With this gallery I wanted to make it automatic slide transition, thumbnail & control buttons on a bottom-left sidebar, without using any blocks.

I already set "Homepage Gallery View: Slideshow" on Site & Styles menu.

For example that I wanted to achive would be like this :
https://www.muhammadfadli.com/

and this is my current web
https://nyimaslaula.squarespace.com/
 

Hope somebody knows how to fix it.
Thanks,

Screen Shot 2020-01-28 at 17.44.22.png

Link to comment
  • Replies 3
  • Views 575
  • Created
  • Last Reply

Hi @Nyimas

6 hours ago, Nyimas said:

For example that I wanted to achive would be like this :
https://www.muhammadfadli.com/

Insert the code below into Page Header Code Injection.
Open your homepage while in the Pages panel.
Hover over the content area.
Click Settings.
In the Page Settings window, click Advanced.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
 <script>
   $(document).ready(function(){
     window.setInterval(function(){
     $(".overlay-controls.right-control").click();
     }, 2500);
   });
 </script>

(2500 = 2.5s)

I hope this was helpful to you.

Link to comment
7 hours ago, Nyimas said:

Hi @MagneM

Thank you for your help, really appreciated.
But pretty much I can't tested it out because it's part of premium feature and right now I didn't sign up for that.

 

If you are in trial, you can use that feature

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.