Payment Icons
The Payment Icons display a row of your store’s accepted payment methods such as credit cards or digital wallets to any product page that your customer can pay the way they prefer.
Key Features
Custom Icon Upload: You can upload your own SVG or PNG so every accepted method is represented.
Icon Size & Spacing Controls: Adjust pixel-perfect icon size and the gap between them to fit your layout.
Responsive & Mobile-First: Icons automatically wrap or resize on mobile so they never overflow or shrink unreadably.
Benefits
Builds Trust Instantly: Seeing familiar logos (Visa, PayPal, Apple Pay, etc.) gives customers confidence your checkout is secure and reputable.
Increases Conversions: When your customers know right away you support their preferred payment method, they’re more likely to complete their purchase.
How To Use?
After installing the Payment Icons blocks. Going to the Shopify Editor sidebar, select the product page temple, click Add Section in the Template tab.
Choose the Payment Icons block
Copy the block ID. For example: smi-block-payment-icons-1
On the Product Detail sections, click Add Block and add Smind Block to the section
On the Smind Block, insert the block ID of payment icons which is smi-block-payment-icons-1 to the Section ID and change the block name if you want
Next, you can rearrange the relevant blocks within the product detail sections
Finally, let's start to customize the Payment Icons block
Block ID: The unique ID of payment icons
Content Max Width: Set the maximum width of the timer’s content area can stretch to.
Title: Rich-text field above the icons
Text size: The font size of your title.
Text alignment: How the title and icons line up within the block.
Icon size: The height/width of each payment logo.
Item gap: The horizontal space between each icon.
Image: Upload a single combine image of multiple logo.
Image width: Controls how wide the uploaded image is.
Color Scheme: Applies one of your color scheme to the title text.
Top margin: Blank space above the entire block.
Bottom margin: Blank space below the block.
Last updated