Carousel Header Image

Hi!

I'm looking to add a carousel of images to my header on my homepage only.
Is there an easy way to do this?

It needs to run behind my logo and menu (as shown in the images) and I want it to auto-transition between 3 images.

I'm working in fluid editor and the tutorials I've found about this subject seem to be outdated now.

Thanks so much guys!

I've been looking for a solution on this too! I found this in my search (https://squarecamp.com/custom-code-tips/full-bleed-slideshow-gallery-with-text-and-button-on-squarespace-71) but not sure if I'll be able to format it the way I want with the logo and main navigation still visible

Thanks @paul2009 

Is there a way this works in 7.1? As far as I can see there is no gallery option. 

I currently have a Banner Slideshow which works great  to display a header, text and a button.  But no option for Full Bleed into the header.  Or automatic slide change.

1 hour ago, Nacole said:

Is there a way this works in 7.1?

Those were screenshots and instructions for 7.1 🙂.

@paul2009 @Nacole Oh gosh 🤣 so simple - thank you!
I cannot tell you how long I was searching for gallery sections!

I had to recreate my homepage but given that you can save the blocks it was super quick.

THANK YOU!
 

@paul2009 when I go to add a new section, Gallery is not an option.  I can add a gallery from the Images section but when I do that, I don't have any of the options that you have for full bleed, auto play etc.  Sorry, I feel very dense but I'm clearly missing something.

Attached is the only options I have for modify that section:

5 minutes ago, Nacole said:

when I go to add a new section, Gallery is not an option.

Confusingly, Gallery sections can be found under Images. 

You can add a new section to any (standard) page by clicking the blue ADD SECTION button (see below).

The Section Catalogue should then appear (see below). I have highlighted the Gallery Section with the full bleed slideshow options.

Did this help? Please give feedback by clicking an icon below  ⬇️

@paul2009yes, so I have figured out that much... but once I add that gallery section, I don't have any of the options you showed in your initial screenshot.  So that's where I was confused.

@paul2009 never mind, I figured it out! Some of the image/gallery options are different.  I tried a new layout and it work.  

4 minutes ago, Nacole said:

never mind, I figured it out!

No problem, I'm pleased it is working. Sometimes there are just too many buttons!

For the benefit of anyone else, the options can be reached by the EDIT SECTION button, not the EDIT GALLERY button (which I always click first by accident).

@paul2009 thank you for your help!

And just to make sure I'm clear with current functionality - is there a way to have a full bleed gallery with autoplay like you just talked me through but also have a Title/Description/Button like a Banner Slideshow allows?

18 minutes ago, Nacole said:

thank you for your help!

And just to make sure I'm clear with current functionality - is there a way to have a full bleed gallery with autoplay like you just talked me through but also have a Title/Description/Button like a Banner Slideshow allows?

You're welcome!

Auto layout sections - the ones that appear in the Section Catalogue with an "i" badge in the upper right-hand corner - can have titles/descriptions/buttons but, for some strange reason, Squarespace haven't added an autoplay option to these yet!

However you can add this functionality manually with some pretty straightforward code (JavaScript). To avoid duplication, here's a link to an article that @WillMyers wrote about this. 

Did this help? Please give feedback by clicking an icon below  ⬇️

@paul2009 Is it possible to add block header copy on top of a image carousel similar to the aboves.  I want to add some H1 and Body copy potentially that can stay on screen while the images auto-play through.

2 minutes ago, SteveWeb2023 said:

Is it possible to add block header copy on top of a image carousel similar to the aboves

The features described above are "page sections" on Squarespace 7.1 and so can be placed anywhere on a page. If you want other content above a slideshow, you should be able to add a section above it.

I'm also trying to add this, but with a full bleed into the header.

It's not working for me, unless I need to add in the custom CSS to make it bleed into the header?

Can't 100% find the section ID though, would it be possible to have an actual example so that I can identify?

Can provide screenshots and access if needed.

Update: Solved