How to create a simple Carousel on home page

Technical Q&A
1

I’d like to create a simple auto carousel that shows my Trust Pilot banner and then my Klarna banner and then Trust again etc etc

Hope somebody can help

https://auchterlonies-com.myshopify.com/

Paswd: AWSKOB

This is the KLarna code:

Screen Shot 2021-05-29 at 12.39.08.png

Screen Shot 2021-05-29 at 12.36.18.png
Screen Shot 2021-05-29 at 12.36.18.png1835×767 239 KB

2

Hello RobMoore007!

https://www.fiverr.com/mani1200/create-state-of-the-art-shopify-dropshipping-store

Can solve your carousel issue

Thanks

3

The whole point of this forum is to derive help from within not goto Fiver!

4

Hi @RobMoore007 ,

Klarna On-site messaging with dynamic iframe based content (using the klarna-placement code) will be technically challenging to incorporate into a slide show in a theme. For slide show content, I’d instead recommend using static Klarna marketing content, as documented at: https://x.klarnacdn.net/plugins/KlarnaOnSiteMessagingapponShopifySupportGuide.html#h.ey1mpckpgjbr (and https://docs.klarna.com/)

I hope this helps!

5

Hi @RobMoore007 ,

You have 2 ways to make carousel:

#1: Add a carousel module, it will be simple and fast, but your site may not be appreciated. You can refer to the module: slick( https://kenwheeler.github.io/slick/), owl carousel( https://owlcarousel2.github.io/OwlCarousel2/) .

#2: Use existing modules, but I don’t know which ones work well for your site right now. Therefore, it will be difficult to give instructions.

I found flickity carousel, but not sure what structure it works with at your site. You can refer to flickity’s doc: https://flickity.metafizzy.co/options.html

Hope it clear to you.

6

Hi Krista,

I messaged skosm@klarna.com a while ago and haven’t gotten a response. Could you help me get the Klarna banner installed on our website? We want to use a standard banner, not a dynamic placement, above the slideshow on our homepage (it doesn’t need to be a part of the slideshow, but rather a static banner above the slideshow). Can you assist?

Thanks!

7

Hi @HireYourself - I’ve sent you a private message to avoid sharing private emails publicly. I can certainly follow up on your support case with more info.