A customizable block that displays payment method icons supported by the store. Shows all enabled payment types from the shop's settings in either a horizontal or vertical layout with configurable spacing and visibility options.
Common use cases
Best used in footer sections to display accepted payment methods
Consider using inline layout for wider viewports and stacked for narrow containers
Adjust gap size based on the payment icons' visual density
Use padding options when the icons need to be offset from surrounding content
Set appropriate visibility options if different layouts are needed for mobile/desktop views
Block settings
General
Setting
Description
Options
Show advanced settings
Reveals visibility settings
Checkbox (default: false)
Spacing
Setting
Description
Options
Enable horizontal padding
Adds horizontal padding around the icons
Checkbox (default: false)
Enable top padding
Adds top padding around the icons
Checkbox (default: false)
Enable bottom padding
Adds bottom padding around the icons
Checkbox (default: false)
Gap size
Spacing between payment icons
• None • Default (default) • XS • SM • MD • LG • XL
Layout
Setting
Description
Options
Layout
Controls the icon layout direction
• Stacked • Inline (default)
Display
Setting
Description
Options
Visibility
Controls when the block is visible
• All (default) • Mobile only • Desktop only
Visible when Show advanced settings is on
Align payment icons
Use Horizontal alignment to align the icons to the left, center, or right.
SlabPayment icons
How do I get started with my workspace?
Start by connecting your source repository and choosing the pages you want to publish.
You can then browse your documentation and ask questions about the content your team has shared.
