CMS Development

shawn5657
Member

How to display multiple images on image slider?

By default when using Hubspot built-in Image Slider, it will display ony one image at a time.

 

How to display 3 or 4 images on one page width?

and when you swipe or click on dot,

it will display next or previous 3 or 4 images?

 

In case there is nothing available from within Hubspot environment,

I found a quite comprehensive plugin, slick

http://kenwheeler.github.io/slick/

 

question is: has anybody used it before?

is there compatibility issue with Hubspot environment?

if not, how to install it? or where to upload those files?

 

0 Upvotes
2 Replies 2
stefen
Key Advisor | Partner
Key Advisor | Partner

How to display multiple images on image slider?

Sure, you can use slick.js on a HubSpot COS site. However, I would recommendfFlickity.js personally. Take a look at this thread for more info: https://community.hubspot.com/t5/COS-Design-Support/Custom-Gallery/m-p/6141

Stefen Phelps, Community Champion, Kelp Web Developer
0 Upvotes
shawn5657
Member

How to display multiple images on image slider?

Thanks for the response. WIll check it later.

 

One question regarding slick:

here is what I found in Hubspot doc

 

-------

Gallery

Generates a HubSpot gallery module. This gallery module is based on Slick. While you can create a gallery module with standard module HubL syntax, If you want to predefine default slides using HubL, you must use block syntax. Both methods are shown below.

http://designers.hubspot.com/docs/hubl/hubl-supported-modules

------

Since the Hubspot gallery is based on Slick, and if i want to use Slick to create my own Image slider to show 3 images at a time, do I still need to upload all Slick files/folders ( in case Hubspot's version is just a stripped down version like Hubspot responsive design to Bootstrap)?

if yes, where should I upload Slick files/folders under? the doc root?  or ...?

0 Upvotes