Looking to add a klarna icon beside product price on product landing page. Any suggestions?
Topic summary
A user wants to add a Klarna icon next to the product price on their product pages to show customers that Klarna is available at checkout.
Key Points:
- The user is hesitant to install the official Klarna app due to poor reviews
- They prefer a simple static icon rather than a functioning button
- Multiple community members offered help
Solution Provided:
A step-by-step coding approach was shared:
- Upload the Klarna icon image to the store’s backend files
- Copy the image URL
- Navigate to the product.liquid file in the theme
- Locate where the icon should appear (near the price)
- Insert provided HTML code snippet with the image URL
- Adjust height/width as needed
Status: The discussion appears resolved with a working solution provided, though implementation by the original poster is not confirmed.
Welcome to our community. Please share me your store url & password (if applicable) & the logo then I will check then give you the solution
@holburnonline - did you install klarna app? using its integration code we can add klarna icon to your product pages
Thank you for the response! To be honest im skeptical about utilising the app as it has pretty poor reviews. Even an icon (doesn’t have to be a funcitoning button) would suffice. Just so customers can see we support klarna and can do it at checkout. Does that make sense?
Thank you for the response! To be honest im skeptical about utilising the app as it has pretty poor reviews. Even an icon (doesn’t have to be a funcitoning button) would suffice. Just so customers can see we support klarna and can do it at checkout. Does that make sense?
@holburnonline in that case we need klarna icon image we want to use and then by coding add it to the product pages, we will need to edit the code
okay, how do i go about doing this? thanks so much for your help so far
-
upload klarna image to the files from your backend,
-
then copy the url of this image
-
then go to the product liquid file of your theme and find the location where you want to add this image
-
once you find the location, copy+paste following code, adjust height width as per your need