Payment Method
Page: Product Pages (Optimized for Conversions)


Snippet Code
<ul aria-label='' class='ss-payment-list'
id='ss-payment-list-template--16746986799353__2e7ae7f5-d59f-45a0-9421-6bc2e419d91b'>
<p class='ss-payment-text'>
Safe payment on our website
</p>
<li class='ss-payment-item'>
<div class='ss-payment-icon'>
<img src="https://cdn.shopify.com/s/files/1/0922/0430/2651/files/1_11_100x_2x_164b13c7-a053-4a73-9250-a1dcd4ea2e80.jpg?v=1742453778" alt="">
</div>
</li>
<li class='ss-payment-item'>
<div class='ss-payment-icon'>
<img src="https://cdn.shopify.com/s/files/1/0922/0430/2651/files/1_05_100x_2x_24e58d4b-52ed-4464-aae2-79fb580f4b12.webp?v=1742453925" alt="">
</div>
</li>
<li class='ss-payment-item'>
<div class='ss-payment-icon'>
<img src="https://cdn.shopify.com/s/files/1/0922/0430/2651/files/1_19_100x_2x_04ea00f1-23ca-4f7d-bc7c-49ed7f8c3800.webp?v=1742454135" alt="">
</div>
</li>
<li class='ss-payment-item'>
<div class='ss-payment-icon'>
<img src="https://cdn.shopify.com/s/files/1/0922/0430/2651/files/1_17_100x_2x_c7869d56-ee91-4474-ad30-78c17b04ff08.webp?v=1742454136" alt="">
</div>
</li>
<li class='ss-payment-item'>
<div class='ss-payment-icon'>
<img src="https://cdn.shopify.com/s/files/1/0922/0430/2651/files/1_15_100x_2x_94e818a2-8a0e-43d8-bb2d-cb9c3935390b.webp?v=1742454136" alt="">
</div>
</li>
<li class='ss-payment-item'>
<div class='ss-payment-icon'>
<img src="https://cdn.shopify.com/s/files/1/0922/0430/2651/files/1_23_100x_2x.progressive_698b27fa-8e7b-45ba-bd15-f95545637e51.webp?v=1742454136" alt="">
</div>
</li>
<li class='ss-payment-item'>
<div class='ss-payment-icon'>
<img src="https://cdn.shopify.com/s/files/1/0922/0430/2651/files/payment_klarna.png?v=1742454136" alt="">
</div>
</li>
</ul>
<style>
/*
Section styling
*/
.ss-payment-text {
width: 100%;
text-align: center;
margin: 0;
/* color: ; */
}
.ss-payment-list {
list-style: none;
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 0;
gap: 0px;
}
.ss-payment-item {
text-align: center;
padding: 0;
display: flex;
justify-content: center;
align-items: center;
}
.ss-payment-icon {
display: flex;
justify-content: center;
margin-bottom: .5rem;
}
.ss-payment-icon svg {
max-width: 44px;
max-height: calc(44px * 0.66);
}
.ss-payment-icon img {
max-width: 44px;
max-height: calc(44px * 0.66);
margin: 0 10px;
}
.ss-payment-text {
margin-bottom: 3px;
font-size: 14px;
}
@media only screen and (max-width: 450px) {
.ss-payment-list {
gap: 0px;
}
.ss-payment-icon svg {
max-width: 60px;
max-height: calc(60px * 0.66);
}
.ss-payment-icon img {
max-width: 35px;
max-height: calc(60px * 0.66);
}
}
/*
Styles based on settings
*/
#ss-payment-list-template--16746986799353__2e7ae7f5-d59f-45a0-9421-6bc2e419d91b {
padding-top: rem;
padding-bottom: rem;
}
</style>