How to create a simple Carousel on home page

RobMoore007
Shopify Partner
194 1 20

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:

<!-- Placement v2 -->
<klarna-placement
  data-key="credit-promotion-badge"
  data-locale="en-GB"
  data-purchase-amount=""
></klarna-placement>
<!-- end Placement -->

Screen Shot 2021-05-29 at 12.39.08.png

Screen Shot 2021-05-29 at 12.36.18.png

Regards
Rob Moore - NEWBY!!
Replies 6 (6)

DavidMaklo
Tourist
11 0 1

Hello RobMoore007!

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

Can solve your carousel issue

Thanks

RobMoore007
Shopify Partner
194 1 20

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

Regards
Rob Moore - NEWBY!!
KristiAtKlarna
Shopify Partner
205 14 39

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!

HireYourself
Visitor
1 0 0

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!

KristiAtKlarna
Shopify Partner
205 14 39

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. 

LitExtension
Shopify Partner
4860 1001 1133

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.

LitExtension - Shopping Cart Migration Expert
Check out our Shopify migration app to migrate your online store to Shopify