Why is the Klarna icon not appearing in my online store's footer?

[antonioletelier]

Hi,

We have just set-up our online store and need some help with placing the klarna (payment provider) logo in the footer besides the other payments icon. Since we know that the app does not add that automatically.... Any solution out there for this?

URL: www.hans-hennes.com

[Lucid_Polygon · Accepted solution]

You can manually add it by a small code change.

Go to:

Online Store > Themes > Actions > Edit code > footer.liquid

and add the following line

<li class="list-payment__item">
    <img src="https://hejstadjurbutik.online/wp-content/uploads/2019/11/klarna-logo.jpg" width="80" />
</li>

Currently I have copied the link of logo from internet. But you can download a nice logo for the provider and uplaod it in Shopify and then use it. (How to upload file to Shopify and get link).

You can adjust the width property to go with other logos.

Attaching a screenshot of coding page and the result. 

If you have found this answer helpful please like and mark the question as solved. Thanks.

[Lucid_Polygon]

Where do you want the logo? And what's klarna? 

[antonioletelier]

@Lucid_Polygon Klarna is a payment provider. And I want the logo in the footer.

[Lucid_Polygon · Accepted solution]

You can manually add it by a small code change.

Go to:

Online Store > Themes > Actions > Edit code > footer.liquid

and add the following line

<li class="list-payment__item">
    <img src="https://hejstadjurbutik.online/wp-content/uploads/2019/11/klarna-logo.jpg" width="80" />
</li>

Currently I have copied the link of logo from internet. But you can download a nice logo for the provider and uplaod it in Shopify and then use it. (How to upload file to Shopify and get link).

You can adjust the width property to go with other logos.

Attaching a screenshot of coding page and the result. 

If you have found this answer helpful please like and mark the question as solved. Thanks.

[antonioletelier]

Thank you, it worked!

Now, how do I get it aligned with the other payment icons?  😄 

Store: www.hans-hennes.com

[Lucid_Polygon · Accepted solution]

As I see it you have put the code outside the <ul>. You have to move it slightly up along with other list items. It has to be before </ul>. Attaching your code screenshot and the correct code screenshot. 

If you have found the answer helpful, please like my replies.

[didrikwasson]

Hi Lucid. I have the same issue for my website, whereas I cannot align the klarna and vipps with the rest of my payement providers in footer. My coding looks completely different so I don’t know where the code is supposed to be put in. 

my website is www.southwaythrills.com

password for website is: twowts

[Lucid_Polygon]

@didrikwasson Please open a new thread and tag me in it.  I'll have a look.  🙂 

[03332207652]

<li class="list-payment__item">
<img src="https://hejstadjurbutik.online/wp-content/uploads/2019/11/klarna-logo.jpg" width="80" />
</li>

[Juhi2503]

Hey @Lucid_Polygon 

I tried to add this code into "footer.liquid" as you instructed, but the icon is appearing beneath the other payment icons.  How can i make sure they're in the same line along the bottom of the footer? 

Thanks 

Juhi