You are fab! So so so helpful and I love the way you clearly and concisely explain everything, many thanks from a new designer taking on clients and figuring these things out as I go!!
@YorkshireWeddingPianist
7 ай бұрын
Thank you for this, it's really been the only way to get the design I want, and doesn't involve any heavy use of CSS!
@elizabethwomack4829
Жыл бұрын
This is fantastic!! Thank you so much for sharing your knowledge ❤
@RebeccaGraceDesigns
Жыл бұрын
You are so welcome!
@Sam-de7mb
3 ай бұрын
you're a legend, Rebecca.
@RebeccaGraceDesigns
3 ай бұрын
Thank you! Glad to help.
@johnvanjura8
Ай бұрын
Thanks helped a lot
@JenSawyer-g4j
Жыл бұрын
Thank you so much! This was so helpful.
@RebeccaGraceDesigns
Жыл бұрын
You're so welcome!
@jamescoulson3327
27 күн бұрын
Thank you for this Rebecca! Do you know if it is possible to create two slide shows next to each other? I'm trying to create two squares that consist of images that fade from one to another, that are clickable. Ideally, when viewed on mobile, the two squares would shift to above and below each other. Thanks!
@demetrisgavrielides8878
Жыл бұрын
Hi Rebbeca, the tutorial was incredibly helpful! I was wondering if there was anyway to make the the autoplay stop if the mouse was hovered over the gallery. Thanks, Demetris
@RebeccaGraceDesigns
Жыл бұрын
Hello! Yes, you would have to add a listen event for Mouse Over. I would be happy to help you with this during a 1:1 Help Session. You can find out more and book a call at www.rebeccagracedesigns.com/squarespace-help
@sheiltjuh88
25 күн бұрын
Hi Rebecca, Loved this tutorial! I was wondering do you also have a tuttorial now that I have this slideshow that I can edit a text on top of the photo's? I made this slideshow as a site header but I want to edit a text and a button. Is this even possible? thank you already for you response. greetings sheila
@pam7949
18 күн бұрын
Hi, @sheiltjuh88 this is what help me using the banner slide show. kzitem.info/news/bejne/o2xmnniHp2eFe4Ysi=_DesYuOOSMyWa6C2
@omahej
7 ай бұрын
BRILLIANT!!
@fashionupward6219
Жыл бұрын
Thank you so much!!! Very helpful information. Question- Where is the code located to inject into footer?
@fashionupward6219
Жыл бұрын
Never mind! I found it and Subscribed ❤❤❤
@YorkshireWeddingPianist
7 ай бұрын
This is great thank you. Is it possible to move the arrows so they are on either side? Also how to go about editing the font style (italic etc) and size? Would be good to have the testimonial as a size/style and the author different? Many thanks
@alohajurek
6 ай бұрын
Thanks a lot, Rebecca. Very helpful! I use the code for gallery carousels and have it injected in my general footer section. However, every time I try to edit anything on my website, that part also seems to be affected by the code, as after 3 seconds the part I'm editing kicks me out, so to speak. Does this make sense? Any way to fix this? 🙏
@RebeccaGraceDesigns
3 ай бұрын
Make sure the code is in the Code Injection not in a block in the Footer. Also, try using the following code. I added in a section that will have the code only run on the live version of your site. (function() { var nextArrowGallery = document.querySelector('.gallery-reel-control-btn[data-test="gallery-reel-control-btn-next"]'); function clickNextGallery() { nextArrowGallery.click(); } if (window.location.href.indexOf("squarespace") < 0) { setInterval(clickNextGallery, 3000); } })();
@chrisb9423
2 ай бұрын
I tried a few different CSS options to get the Slideshow:Reel to autostart and yours seemed to be the only one that worked. The only issue I have is that when the CSS is present in the footer, the images keep advancing even when in Edit mode. Each time a slide advances it also closes any option window that is open. For instance, if I am in a section and click ADD BLOCK the box of block option opens for me to select from but as soon as a slide advances the box closes. The only workaround I've come up with is to delete the CSS while editing and then remember to put it back or to edit the time interval in the CSS and then remember to change that when I'm done editing.
@regalpublications
Ай бұрын
I'm having this same issue. =[
@taniaciolli-leach1084
Жыл бұрын
Hi Rebecca this is super helpful thanks so much. Are you able to post the 2 types of coding here as I couldnt see it on my screen. cheers Tania
@RebeccaGraceDesigns
Жыл бұрын
Hello Tania. You can see all of the code used in the video at www.rebeccagracedesigns.com/blog/guide-to-carousels-in-squarespace
@taniaciolli-leach
Жыл бұрын
That’s awesome, thanks so much 🥚
@regalpublications
Ай бұрын
Hi Rebecca! I used the gallery carousel code. It works, but now it's not letting me edit sections on that page. I click edit section and it goes away after a second. Looks like it's disappearing every time the slide moves. Is there a fix for this?
@paulbradley8876
11 күн бұрын
The only workaround I could find is to remove the code, edit the section, and the paste the code back in. A little bit annoying, but it works.
@celinadecolle4485
Жыл бұрын
Hi Rebbecca, everything seems great, but I´m stuck in terms on how to make the carrousel display video instead of photos. Do you have info on this? Thanks a lot!!!
@RebeccaGraceDesigns
Жыл бұрын
You may need a plugin to do this. Check out this forum. forum.squarespace.com/topic/231479-video-carousel-in-71/
@sawyerlife1020
Жыл бұрын
Hi Rebecca, thanks for the video it was super helpful. Is there a way to edit the speed of the transition? Or even just make it so it slowly just plays through them. Like a slow train running across? aha.
@RebeccaGraceDesigns
Жыл бұрын
You can speed up the transition by changing the number 3000 to a smaller number. The 3000 represents 3000 ms or 3 seconds. To have it slide across you would need to change the transition completely which would require more complex code.
@sawyerlife1020
Жыл бұрын
@@RebeccaGraceDesigns Yeah but i mean 3000 is the time of the pause. if i could control the timing of the move too it would be great! eg 3000(pause), 1000 (transition), 3000 (pause) any idea on a away this can be achieved?
@ameliamcgoldrick7311
Жыл бұрын
Hi Rebecca! Thanks for this awesome video! Is there a way to change the colour of the text to be different for each image? I find I'm losing my dark header text with darker images. (I hope this made sense) Thanks!
@RebeccaGraceDesigns
Жыл бұрын
You can use CSS to change the color of the text. If you are using the text overtop the image, I suggest adding an overlay to help the text stand out better.
@allegrofilms
11 ай бұрын
Hi Rebecca, thanks for this, very useful. Is there a quick adjustment to the code if I want to affect the 2nd gallery on a page, not the first?
@RebeccaGraceDesigns
11 ай бұрын
To target a specific Summary Block, add the Block ID to the code. For example, try changing this line... var nextArrowSummary = document.querySelector(".summary-carousel-pager-next"); to... var nextArrowSummary = document.querySelector("#BLOCKID .summary-carousel-pager-next"); and then edit for the block id of the summary block you want to target.
@omahej
7 ай бұрын
@@RebeccaGraceDesigns Hi, I just wanted to say that this really helped me figure out a problem I had no idea how to solve so thank you so so much!!
@sarahburke6928
Жыл бұрын
This is great but what about for those of us not using 7.1? There is no option for 'advanced' in the settings and I'm finding this confusing how there's both a summary block and gallery block when the code keeps referencing summary. Just trying to get scrolling testimonials that's all 😓
@RebeccaGraceDesigns
Жыл бұрын
Both of those blocks are available in 7.0. The menu may look a bit different but this code should work in both versions.
@JennieCoulter-v6u
Жыл бұрын
Hey Rebecca, thank you for this! Is it possible to change the style of the navigation arrows? I don't want them at the top, but rather more like a button in the middle right hand side to toggle between? More of the type of settings a general gallery block has? Or is there a plugin/option that you know of that allows for this? I'm trying to showcase my services in a more "uplevel" style!
@RebeccaGraceDesigns
Жыл бұрын
You would need custom css to do this. I would be happy to help during a 1:1 Help Session. You can find out more and book a call time at www.rebeccagracedesigns.com/squarespace-help
@HeadphonesBrasil
4 ай бұрын
Rebecca, thanks for your guides! You know if is possible to put a carroussel as a first page image, like background, with transparent menu? Because i just try to put a carroussel full image and my menu change the background even with the 'adapt' on :/
@RebeccaGraceDesigns
3 ай бұрын
When you have a carousel as the first section, the header does not overlap it so even if you coded it to be transparent, it would only show through to your body color. You would have to add code to move the first section up under the header.
@naturolayemi4621
Жыл бұрын
Hey, do you also have the code for the gallery block? I only see it for the summary carousel. Thanks!
@RebeccaGraceDesigns
Жыл бұрын
Which code are you looking for? To autoplay a Gallery Block?
@reabo
6 ай бұрын
can you add links to the right to click and bring to a certain slide?
@RebeccaGraceDesigns
3 ай бұрын
I don't think this is possible at the moment.
@NPark-ne4ii
Жыл бұрын
Hi Rebecca, thanks so much for this info. I was trying to insert a carousel gallery block and getting frustrated with the whole notion of having to point those images to hidden blog post pages. And without your code I probably would have been stuck for many more hours trying to figure that out as well! I'm new to Squarespace and little things like this are, quite frankly, baffling to me. Why can't the carousel gallery block simply allow you to upload images and create...well, a carousel gallery? Why does it instead have to point to other sections of the website and require code to not direct you there if clicked? It really doesn't make any sense to me. Anyways, thanks again for the tutorial - you saved me a ton of time and frustration!
@RebeccaGraceDesigns
Жыл бұрын
Hello! If you want a carousel of images that do not click anywhere than choose the Slideshow Reel Gallery Section instead. The Summary Block Carousel is meant to send people to your collection pages (although some people use them for various creative other reasons as well).
@NPark-ne4ii
Жыл бұрын
@@RebeccaGraceDesigns Unfortunately the Gallery Section is too clunky for the exact visual style I need (I'm creating a design portfolio and thus visual hierarchy is very important for employers to see). Your Summary Block "Testimonial Carousel" is the closest solution I can find that matches what I'm going for. After posting on the forums, it seems Squarespace 7.1 does not support gallery blocks (which do have regular carousels in them) on certain types of pages like portfolio sub-pages, which is what I'm trying to put it on. When I tried emailing customer support about it, they told me only Circle Members can add gallery blocks anywhere they like, which seems like such a slap in the face - essentially the solution exists, but only for superusers that oversee 3 paid sites?? I find that ridiculous and will not be returning to Squarespace once my subscription is over. Sorry to rant but I do appreciate your solution, yours was able to successfully circumvent this restriction and help a TON. Thank you!!
@ArgirisBothos
6 ай бұрын
Can i make a carousel / slideshow for product categories? And make it look nice on mobile too?
@RebeccaGraceDesigns
3 ай бұрын
You could have a picture representing each category and then link each one to the product category page.
@studiolezard
Жыл бұрын
How do you replace the photos? I can't find that function anywhere and you don't mention it.
@RebeccaGraceDesigns
Жыл бұрын
When you go to edit, click on the Image Icon to edit the photos. Check out this article for more information. support.squarespace.com/hc/en-us/articles/360035636332-Gallery-sections#toc-add-images-to-the-gallery
@sofharutyunyan8101
Жыл бұрын
Hi Rebecca! Thanks for this info. Do you know if we can somehow select a few “pages” for the content in the carousel. I.E. If I want my carousel to have a little bit of each of the blogs I have posted (one from X folder, another from Y), is that possible?
@RebeccaGraceDesigns
Жыл бұрын
Hello! At the moment you can only select one page at a time. However, you could use a Gallery Reel instead and manually add the thumbnails you want to showcase from each of the pages.
@kevingianom
Жыл бұрын
Hi Rebecca, how can I change the background color as well as the color of the arrows of the controls (@1:55)?
@RebeccaGraceDesigns
Жыл бұрын
To change the background color of the arrow you can use... .gallery-reel-control-btn::before { background-color: red; // color behind the arrow } To change the color of the arrow you use... .gallery-reel-control-btn { color: red; // color of the arrow }
@kevingianom
Жыл бұрын
@@RebeccaGraceDesigns Thank you
@Kinetiphos
9 ай бұрын
how do we do this for videos though
@RebeccaGraceDesigns
9 ай бұрын
Unfortunately, you cannot add videos to Summary Blocks or Gallery Reels. I would suggest using a GIF or video thumbnail and then linking to the page with the video.
@bzzinrnd
2 ай бұрын
CCS embed is a premium feautre my friend.
@RebeccaGraceDesigns
2 ай бұрын
Yes, you need a Business Plan or higher to add any custom code to your site.
@bzzinrnd
2 ай бұрын
@@RebeccaGraceDesigns thanks
@s88222
Жыл бұрын
Hi Rebecca can I make my background carousels?
@RebeccaGraceDesigns
Жыл бұрын
You can add a full width Gallery Reel Section. However, you wouldn't be able to put other blocks in the section.
Пікірлер: 69