Jump to content

Why is it so hard to create a simple image carousel?

Go to solution Solved by paul2009,

Recommended Posts

As per the title, I'm curious as to why simple image carousels are so difficult to make in 7.1. There are many times where I want to add one alongside some text blocks to make my page more dynamic, but there is no way to just simply upload a series of images and create one. Instead, it seems one has to create a Summary block which only allows carousels that point to other sections of your website, then create a separate non-linked blog page hosting those images, which THEN requires some code to not have the carousel be clickable so as not to navigate guests towards those non-linked blog pages? 

WHY can I not just create a simple carousel of images? 

The above method I described was derived from this YouTube video: https://www.youtube.com/watch?v=8oCMV3FsIuk&ab_channel=RebeccaGraceDesigns-SquarespaceCodingExpert

As a beginner I would have had no idea how to get that carousel to work that way if not for this tutorial. But more frustratingly, I can't fathom why the Summary carousel option can't just allow for a regular series of images to be uploaded directly to it?   

 

Edited by nparkdesigns
Forgot a word
Link to comment

I'm not sure I understood the obstacle exactly. But if you want an image gallery in the "Carousel" format next to the text blocks and upload pictures directly there, you can do it by adding a gallery block next to the text block and selecting the desired format under the Design.

Screenshot 2023-02-02 at 11.35.50.png

Edited by kalevi
Link to comment
Quote

If you want a slideshow in a section you choose section gallery and the option reel. You don't need to have those images click thru, that is an option. A gallery block in a blog on on a page or in a section can auto change the images. The video covers a lot of different options but the gallery block with the carousel is simple to add just about anywhere in your site. 

 

Link to comment

Gallery blocks are unfortunately not supported for portfolio sub-pages, which is what I'm trying to add the carousel to. Per the gallery block support page: 

https://support.squarespace.com/hc/en-us/articles/206543407-Gallery-blocks

 

Quote

 

You can add gallery blocks to areas of your site where gallery sections aren't supported, including:

  • Blog posts
  • Individual events
  • Product items' Additional Info

It's not possible to add gallery blocks to any area with page sections, including:

  • Layout pages
  • Collection landing pages (blog pages, events pages, portfolio pages, store pages)
  • Portfolio sub-pages
  • Footers

 

--------------------------------------------------------------------------------------------------------------

I have to assume it's some backend restriction, otherwise I cannot understand why image carousels would not be available to someone trying to create a nice visual portfolio of work. Again there is a workout but it requires making a "Summary" block carousel which can only point to other sections of your site. 

 

Link to comment

@derricksrandomviews appreciate the advice but unfortunately gallery sections are too clunky for the visual layout I'm aiming for. I'm looking for a carousel that can fit directly into an existing section, as demonstrated by the video's "Testimonial Carousel" example. Gallery sections are too much of a separate entity and make the images disjointed from the text I'm trying to connect it to. It's like when you're making a slideshow deck; I don't want the text and images on separate slides, I want them on the same slide to convey a specific narrative. 

Per my above post it seems gallery blocks are not supported on portfolio sub-pages, which then requires a roundabout solution like the "Testimonial Carousel" way. It's just so unintuitive that I was wondering why it had to be that way. 

Link to comment

You can create a blog in your unlinked section, use the content in a summay block placed where you want it, set it for carousel then the images and text will be in the same item, disable read more in summary block settings and use this code to disable the click-thru to the blog. Put this in the header of the blog unless it it the only summary block you will be using then it can go into custom css. 

<style>
  .summary-thumbnail-container { pointer-events: none !important; }
</style>
Link to comment
  • Solution
On 2/2/2023 at 9:02 AM, nparkdesigns said:

I'm curious as to why simple image carousels are so difficult to make in 7.1.

If you are building a new website using the latest version of Squarespace (version 7.1) there are a number of ways to build a carousel, including the use of Gallery Sections. However, Gallery Blocks are no longer in General Availability (GA). The confusion in this thread is because a small number of users do still have limited access to them.

I don't know of any plans to launch Gallery Blocks again but, if this is important to you, I recommend that you contact Squarespace Customer Care directly. If they're unable to help, there is a third party plugin available from Squarewebsites called Squarespace Admin UI Tweaks (affiliate link) that should allow you to add Gallery Blocks to sections.

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

Edited by paul2009

About me: I've been a SQSP User for 18 yrs. I was invited to join the Circle when it launched in 2016. I have been a Circle Leader since 2017. I don't work for Squarespace. I value honesty, transparency, diversity and good design ♥.
Work: I founded and run SF.DIGITAL, building Squarespace Extensions to supercharge your commerce website. 
Content: Views and opinions are my own. Links in my posts may refer to SF.DIGITAL products or may be affiliate links.
Forum advice is free. You can thank me by clicking one of the feedback emojis below. Coffee is optional.

Link to comment

Last update to this post - after emailing the support team, they confirmed what we already know that Gallery Blocks are not allowed on certain pages like portfolio sub-pages. 

The final kicker, though, is that they told me "Circle members can add gallery blocks to all content areas in 7.1. This is one of the benefits to being a Circle Member." So this functionality exists AND is capable on 7.1....but only if you're a superuser. I am not interested, especially after how frustrating it was to format my portfolio properly, in becoming a Circle Member. Ironically, not having access to tiny features like this is making me look elsewhere for a website builder once my subscription is up. Disappointing all around.  

Link to comment
  • 11 months later...

Has anyone else found a clean simple method for adding a carousel block within a section, not AS the entire section. I'd like to do the same thing with several projects in a section shown in multiple carousels with multiple images each complemented with text about the project.

These massive slideshow sections only serve a broad purpose to feature general images, and the portfolio pages are garbage with terrible options for showcasing multiple projects.

Link to comment
  • 2 weeks later...
  • 2 weeks later...
  • 1 month later...

hi everyone - i am also extremely frustrated about this but just found a workaround! you can create a gallery layout on a page that DOES support galleries (in Version 7.1) and then click "Save Layout." then when you add a new section to a page (even one that doesn't support galleries, you can select the one you just saved and edit/adjust the photos and information. 

Link to comment

Hey guys, I stumbled across this thread earlier this year and decided to just go and build out a carousel myself. I've packaged it together and it's up for sale on my website. If you want to check it out, feel free to have a geez.
 

Here's the page I built it for: https://creativerentals.com.au/gear/camera/sony-fx6

Carousel plugin: https://www.levidance.com.au/shop/p/image-carousel

Hope it helps you out!

Link to comment
On 1/11/2024 at 3:58 AM, CoorlasArchitecture said:

Has anyone else found a clean simple method for adding a carousel block within a section, not AS the entire section. I'd like to do the same thing with several projects in a section shown in multiple carousels with multiple images each complemented with text about the project.

These massive slideshow sections only serve a broad purpose to feature general images, and the portfolio pages are garbage with terrible options for showcasing multiple projects.

I created this freebie to unblock the gallery block for users, check Classic Gallery block. For those who are using Personal plan, the script is available as Tampermonkey script, too

@CoorlasArchitecture @nparkdesigns

 

Edited by Beyondspace

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!

 

Link to comment
  • 3 weeks later...

I cannot believe no one has fixed this yet. I went to redesign my page to shorted the scroll length and now I cant? We need the Gallery block back. This is ridiculous. Thanks Beyondspace for giving us something.

Link to comment
  • 2 weeks later...
On 3/14/2024 at 9:11 PM, Beyondspace said:

I created this freebie to unblock the gallery block for users, check Classic Gallery block. For those who are using Personal plan, the script is available as Tampermonkey script, too

@CoorlasArchitecture @nparkdesigns

 

 

This is a great option - thanks for your efforts on this one - I will be giving it a try in the near future.

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.