Search the Community
Showing results for tags 'carousel'.
Found 25 results
-
Site URL: https://mollyrees.com Hi! Carousel doesn't have a lightbox option, and I've been searching endlessly for custom CSS to create this option. Is it possible? I heard that it's an option in the Forte template, but haven't seen what that looks like. I have several Carousel galleries on a page and would like the viewer to click through larger images if possible. Even if a lightbox weren't an option, I'd be happy if there were a hover or roll-over effect where hovering over a photo enlarged it temporarily. Kind of like the "genie effect" option on a mac computer when you roll your mouse over the dock. Any way really for the images to become larger if the viewer would like to look at them more carefully! Thanks in advance for any help. My website is mollyrees.com, the page with the carousel galleries is "Editorial" which is a tab under "Photography". I have the page password set to: help! -
Site URL: https://pigeon-orange-s7hm.squarespace.com/ Hi, Could someone please help me? On most of my pages I have the carousel like you can see on: https://pigeon-orange-s7hm.squarespace.com/ (Pwd: Suzi) I would like for all of these carousels found on most of my project pages to have some spacing i.e the blue on the page to be a divider between the images. Like this: Is this possible with CSS? Thanks!
-
Site URL: https://antelope-octagon-t69s.squarespace.com/ Hey guys, I was wondering is it possible to have a Hero carousel with a video item in it? Currently there is a SVG logo on top. Ideally I want the whole thing to change into another slide, with a different background video and messaging. (Product lead slide, with offers etc) Password: Fostex1722! Any help would be much appreciated. Thanks, Oliver
-
Reducing background image and carousel heights on mobile
narnado posted a question in Coding and Customization
Site URL: https://kristelandnic.com/ I want to reduce the height of one of the background images on my site along with a carousel on mobile. Right now they take up too much space and the image cropping is a bit awkward. See image attachments for too see which sections need adjustments. @tuanphan you probably might know how to resolve this. Thanks in advance!! -
This is wracking my brain and it's hurting. I would like a simple scrolling carousel in 7.1 please. Any ideas? When on mobile (or even website) I don't want to display images in a tiled display as this makes viewing on mobile really clumsy. Is it even possible to add a carousel of images that viewers can scroll through with a description underneath that I can either create link to another page or website? Better still I would love to add a description AND a button to the image either on or below each image in the carousel. This type of feature is seen all over on many websites because when viewing on mobile it is super easy to navigate. I thought the whole point of 7.1 was for it's mobile friendly UX? Has anybody been able to find or source some code for this? It's wracking my brain and I can't be the only one? I have tried using a fake 'store' as you can add a carousel to a block under summary. But when you click the pictures it literally takes them to a store which is not ideal. Any other suggestions are very welcome! Many thanks.
-
Site URL: https://www.mozerisfineantiques.com/discover/antique-center-piece-with-rock-crystal-elkington-amp-co-1875 Hi, I have a product page https://www.mozerisfineantiques.com/discover/antique-center-piece-with-rock-crystal-elkington-amp-co-1875 My pictures have white backgrounds, I have chosen the carousel image style for products (click arrow for next image). However, since the arrows are white, they are not visible on my image with white background. How can I make them black? Thank you. Much appreciated.
-
Site URL: https://darrochea.com Hi there, I have a carousel on my page displaying my merchandise/products and they currently use arrows to navigate. The arrows work fine on the desktop view but on mobile/tablet displays the arrows are clunky. Is there a plugin or and code to make the carousel swipeable on a mobile device?
-
Site URL: https://augustussung.com Hello all, Hope everyone is well and safe during these crazy times. I am one of many who unfortunately lost their jobs due to COVID-19. As such, I am frantically trying to update my portfolio and was hoping you kind folks can help me with some issues I'm having. I use the Forte template, which has a full bleed image carousel on the landing page [Index pages]. It's beautiful but was thinking of adding some sort of motion instead of just static images. Is there a way to have them as video clips instead of images or gifs (which when stretched becomes really grainy)? Appreciate your help with this. Here's hoping the Squarespace community can help me get back on my feet. -G
-
carousel slides on mobile too small Mojave template
Vegaproperty posted a question in Coding and Customization
Site URL: http://www.vegapropertyemporium.com Hey there, is there a css code to make the carousel larger on mobile, even if it's just showing the first picture only on mobile and then clients can scroll across? Currently on the desktop website its showing 3 images across(which is fine for desktop) .. Pls see photo attached Thank you @tuanphan -
Does anyone know of a script that can make the carousel (block, not summary) loop in the same direction all the time instead of "rewinding" at the end of the images. It does not look good in my opinion. I have asked Squarespace and they had no help to offer. I have seen one thread about it originating in 2014, but with no working solution. I am using the avenue template. Does someone here know?
-
Site URL: https://www.virginsuncare.com/product Hey! I am looking to create a custom image carousel for my product page. The shop I am building only has one product and I want to be able to customize that product page more than I am allowed through the individual product page created by SQS. I have built another page and added the ADD TO CART button but am having trouble trying to create an image carousel next to it. Not sure where to start with this and would appreciate your help! Thanks! Below is the site and photo for reference. The screenshot is a reference of the product image carousel I would like to build and the link is the current product page build. Site: https://www.virginsuncare.com/product Password: virgin
-
Padding around images in gallery box carousel
JoePreston posted a question in Coding and Customization
Site URL: https://www.joepreston.co.uk/ Hey Guys, I'm trying to input CSS into my site's template in order to create a little bit of padding around the images on my homepage in the gallery box carousel. I've attached an image of what I'm trying to achieve. Any help in terms of what I would need to put into the custom CSS box for my homepage would be really appreciated. Thanks Joe -
Hi, I am building a site in Brine template and have been using Summary blocks to pull in blog posts, using the carousel layout. They display well and look good, however I would have thought the title and thumbnail would be links, with a click taking you to the relavent blog post. However, there are no links. the only way I can link through to the blog post, is by clicking 'Show Read More Link' under display settings. Surely these should just link through automatically? Also, I have found that fonts do not match my sitewide settings in the summary carousel, can I change this with CSS? Thanks! T23 -
Site URL: http://badger-indigo-86z4.squarespace.com Hello, I would like to add a sliding banner at the top of my homepage. I'd like to have the same image background, and have the text automatically change over the top - ideally a button as well. (I have set this up as a flat banner with how I want it to look) The theme I'm using is Bergen. I have added a gallery block but can't work out if theres a way to add the copy and format it. It would be great to get this sorted as I can use the same functionality for my testimonials - seems like it should be standard functionality... unless i'm missing something! Thank you!
-
Product carousel arrows get lost on mobile
xavier-cusso posted a question in Coding and Customization
Hello, The side arrows on my product carousel disappear for mobile resolution and I'd still like to keep them (see attached). Is there any way I could do that? Couldn't figure out how. My WIP product page (running on 7.1): https://pelican-chiton-xwy4.squarespace.com/shop/fos-classic Cheers, Xavier -
How to have carousel arrows on either side
wholeheartcreative posted a question in Coding and Customization
Site URL: https://finch-tan-bd4p.squarespace.com/ Hi, Website I'm working on: https://finch-tan-bd4p.squarespace.com/ Password: serene I managed to have the arrows for a summary carousel to be on either side at the top. But I would like it to be on the side of the words instead of the top, without it overlapping the text. I've attached photos of what I wish to achieve. this is the code I achieved the arrows being on their side at the top: But this is what currently happens when I put it a bit lower: This is what it currently looks like: -
Been trying to create a header banner on the homepage with a carousel of 3 images with different copy. Preferable the banner image also loops. Been trying to find solution here from previous post but couldn’t find anything. If there are squarespace add ons available, I’d be happy to use that if it’s easier.
-
Hello, Firstly thank you anyone who takes the time to read this. We are new to Squarespace. I'm designing a website for a friend and she would like the background colour to change constantly. 4 pastel colours, pink, yellow, green, blue... Either the background changes colour: a) on a timer (like a carousel) b) or every time a new page is opened Is this possible? Thank you for any help Rebecca and Claudia, London -
I am using the foster template to display my eccomerce website. This template only gives the options to display product images as a slideshow or as thumbnails. I like to display the product images as a carousel with them displaying on the left side of the screen and the product details on the right at 641 px or more and at 640px or less for the carousel to display first and the product details to display after. (ive made it so that the mobile breakpoint is 640 px). Is there any code to create this effect ? i have tried numerous codes and was unsuccessful.
- 5 replies
-
- 1
-
-
- product-page
- carousel-gallery
- (and 3 more)
-
Hey All - On my site, I've created a custom post type for property listings, which has a field to upload an image called `listingPost`, as well as a field for an additional image gallery. I've also created collection templates (`listing.conf`, `listing.item`, `listing.list`), and have added at least one custom post to the system. Additionally, I've added `listingPost` to `systemCollections` in `template.conf`. I'm trying to add a carousel of the custom collection's images, but when I insert a carousel and hit "use existing gallery", it says there are no collections in the system. What gives? Please / thanks! 🙂
-
Hi everyone, I am trying to accomplish something similar to how a fellow photographer is displaying his Product Information with a clickable text gallery with headers (https://drewdoggett.com/shop/soulmates/) (go to the link and scroll down below the price - it's hard to describe!) I find this a nice way to condense what would be a huge chunk of text on every product page or a separate page that your customers wouldn't have access to if they didn't find it/click it. Anyway, Is there a way to accomplish this with built-in tools or is this a coding exercise? I would hope dynamic text like this is supported out of the box but I have been surprised at the somewhat lackluster out of the box commerce and layout tools...
-
Carousel Gallery - Mobile Slider Version - Nueva Template
JohnSloan posted a question in Coding and Customization
Hello, I have my website currently hosting a carousel gallery of logos here: https://herring-round-62r3.squarespace.com I have been trying to isolate this so that using the media query, the gallery of logos would just display one logo on mobile, and slide through via swipe (or waiting). But for whatever reason, I cannot get the site to take changes. Does anyone have any insight into this? Thank you, -
How can I place the arrows on the summary carousel on the left and right sides of the block, and center the featured text? You can view what I have now under "what our clients are saying" here: https://capro-industries.squarespace.com/why-capro- 13 replies
-
- 4
-
-
- custom-css
- summary-block
- (and 2 more)
-
I want to add a testimonial carousel without having to use images. Any ideas?
- 14 replies
-
- 1
-
-
- testimonials
- jquery
- (and 1 more)
-
Has anyone found a way to custom code the Carousel Summary Block so the content continuously scrolls by looping the content?
