Back to Shopify Liquid
Shopify Liquid
Payment Badge
Drop this Shopify Liquid snippet into your theme to add the payment badge block. Copy the code below, paste it into your theme files, save and you're done.
45 lines · 1.5 KB
Shopify Liquid
12<!DOCTYPE html>3<html lang="en">4<head>5 <meta charset="UTF-8">6 <meta name="viewport" content="width=device-width, initial-scale=1.0">7 <title>Payment Options</title>8 <style>9 body.unique-body-Pay123 {10 font-family: Arial, sans-serif;11 display: flex;12 justify-content: center;13 align-items: center;14 height: 100vh;15 margin: 0;16 background-color: #f9f9f9;17 }18 .unique-payment-container-Xyz456 {19 text-align: center;20 }21 .unique-payment-options-Abc789 {22 display: flex;23 justify-content: center;24 gap: 10px;25 }26 .unique-payment-options-Abc789 img {27 width: 50px;28 height: auto;29 }30 </style>31</head>32<body class="unique-body-Pay123">33 <div class="unique-payment-container-Xyz456">34 <div class="unique-payment-options-Abc789">35 <img src="https://www.svgrepo.com/show/14823/amex.svg" alt="AMEX">36 <img src="https://www.svgrepo.com/show/508402/apple-pay.svg" alt="Apple Pay">37 <img src="https://www.svgrepo.com/show/508703/mastercard.svg" alt="MasterCard">38 <img src="https://www.svgrepo.com/show/508716/paypal.svg" alt="PayPal">39 <img src="https://www.svgrepo.com/show/508690/google-pay.svg" alt="Google Pay">40 <img src="https://www.svgrepo.com/show/508730/visa-classic.svg" alt="VISA">41 </div>42 </div>43</body>44</html>
