Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
Brezhane

Convert product gallery images into a carousel

Recommended Posts

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.

Share this post


Link to post

Can you explain a little more about what you cannot achieve?

The Foster template is part of the Brine family and so can already do many of these things. For example the rearrangement you describe is the standard behaviour when switching between small and large viewports.

Edited by paul2009

World-class Squarespace Developer and Squarespace Circle Leader with a strong reputation on the Squarespace Forum.
I'm trusted by hundreds of Squarespace users worldwide, including designers, freelancers, business owners and big agencies.

I can tackle anything from small tweaks to full websites and I'm available for short and long bookings (min. 1 hour).
Book via my website giving as much notice as possible. Note that I'm usually booked 4 - 6 weeks in advance for jobs longer than 2 hours.
Prebuilt Squarespace Extensions
Custom Squarespace Extensions: Tell me about the functionality you need

**NEW** Our popular Enquiry Form ExtensionDate Picker Extension and Age Verification Extension are now Squarespace 7.1 compatible.

Share this post


Link to post

I am trying to create a css code that will allow the image gallery on each individual product page to be displayed as a carousel. The first image should be loaded with previous and next arrow controls on the photo. When the customer clicks the previous or next arrow, the loaded image should slide to the left or right and the next or previous image should be revealed.  I've attached a video of what I am trying to achieve for my product gallery. Thank you btw for helping me. 

Share this post


Link to post

This isn't something you can achieve with CSS.

This extension may be what you need: Product Image Slideshow.


World-class Squarespace Developer and Squarespace Circle Leader with a strong reputation on the Squarespace Forum.
I'm trusted by hundreds of Squarespace users worldwide, including designers, freelancers, business owners and big agencies.

I can tackle anything from small tweaks to full websites and I'm available for short and long bookings (min. 1 hour).
Book via my website giving as much notice as possible. Note that I'm usually booked 4 - 6 weeks in advance for jobs longer than 2 hours.
Prebuilt Squarespace Extensions
Custom Squarespace Extensions: Tell me about the functionality you need

**NEW** Our popular Enquiry Form ExtensionDate Picker Extension and Age Verification Extension are now Squarespace 7.1 compatible.

Share this post


Link to post
On 12/17/2019 at 5:06 PM, paul2009 said:

This isn't something you can achieve with CSS.

This extension may be what you need: Product Image Slideshow.

I am having this problem and found your post. Thanks very much.
A question, I see this extension is not displayed in the extension list, how to see all extensions on your site?

Thank again.


Send me a message if you have any questions (free 10 minutes).

Don't send to forum message. I will check all questions via the link above

Share this post


Link to post

Thanks @tuanphan, good question! It’s a soft launch of a new product so it will be added to the list shortly.


World-class Squarespace Developer and Squarespace Circle Leader with a strong reputation on the Squarespace Forum.
I'm trusted by hundreds of Squarespace users worldwide, including designers, freelancers, business owners and big agencies.

I can tackle anything from small tweaks to full websites and I'm available for short and long bookings (min. 1 hour).
Book via my website giving as much notice as possible. Note that I'm usually booked 4 - 6 weeks in advance for jobs longer than 2 hours.
Prebuilt Squarespace Extensions
Custom Squarespace Extensions: Tell me about the functionality you need

**NEW** Our popular Enquiry Form ExtensionDate Picker Extension and Age Verification Extension are now Squarespace 7.1 compatible.

Share this post


Link to post

Create an account or sign in to comment

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


×
×
  • Create New...