Jump to content

5 Image Carousel for Homepage? Can't get it to work with Wells Template?

Recommended Posts

Hi there, I have searched online and see there are tutes / youtubes how to do this but for the life of me cant figure out how to do it. 

At the moment my homepage defaults to an image from one of my pages. I want a simple carousel / slideshow gallery of 5 of my top images that flick through, before the user goes into navigate the menus. 

Am I on the wrong plan / template to do this? Seems so simple, and I'm not *that* neurodivergent.  

Any help I would be grateful for. 

Cheers, 

hayden 

Screenshot 2024-03-13 at 13.11.09.jpg

Link to comment
  • Replies 5
  • Views 989
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

You mean replace this image with a Carousel. Carousel will have 5 images show initial?

You can create a blank page > Add a Gallery Block > Choose Carousel Layout > Then set this Page as Homepage.

(If you can't find these options, let me know, I will provide some screenshots)

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
On 3/14/2024 at 3:28 AM, goldencat said:

Thanks very much for your reply tuanphan. I see you live in Hué, I spent some time their last year - it's such a cool city!

I have it half working i think? See: https://www.spacevolumelight.com/new-page-1 - but how do i get the slider to constrain to the maximum screen size like the standard gallery pages?

Thanks in advance for your help

Screenshot 2024-03-14 at 09.27.29.jpg

Screenshot 2024-03-14 at 09.27.20.jpg

Yes, I live in Hue since 2018

You can use this code to Website > Website Tools > Custom CSS
 

body#collection-65f0d41862d116726a78eaa2 div#canvasWrapper {
    max-width: 100% !important;
}

 

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
On 3/14/2024 at 4:37 AM, goldencat said:

Or, do I do it this way: https://www.spacevolumelight.com/try - I actually prefer that, as it shows the title of the image in the bottom left corner, but how do i set the gallery to autoplay as a slideshow? I dont want the viewer to have to click through these images. 

Many thanks 

You can use this code to Try Page Header Code Injection

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.0/jquery.min.js"></script>
<script>
jQuery(document).ready(function($){
	setInterval(function(){ 
	$('span.control.next-slide').click()
	},2000);
})
</script>

 

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

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • 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.