githubEdit

Payment icons

Overview

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

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

Last updated

Was this helpful?