Payment icons are missing, grey, or the wrong ones

Where Volume's payment icons come from, why you cannot pick them individually, and the two separate blocks that show them.

The icons are not a list you edit. Volume renders whatever payment methods your store has actually enabled, straight from Shopify — which is also what the block's own note in the Theme Editor says: to add payment methods, go to your payment settings.

That means:

• you cannot add an icon for a method you do not accept;
• you cannot remove a single icon while keeping the rest;
• if an icon is missing, the method is not enabled under Settings → Payments;
• if an unwanted icon appears, that method is enabled — turn it off in Shopify and the icon goes.

Two separate blocks with the same name

Both are called Payment methods, they live in different sections, and changing one does nothing to the other.

The one in the Product overview section has Black and white, Icon width (38–64px, 38 by default), Top spacing and Mobile top spacing.

The one in the Footer section has Heading, Center content, Desktop horizontal alignment, Desktop vertical alignment and Desktop padding — but no Black and white and no Icon width. If you are hunting for the monochrome toggle in the footer, it is not there; that setting belongs to the product-page block only.

On the product page the block hides itself entirely when the store has no enabled payment types — you get no empty row and no placeholder, so a block that seems not to have been added at all may simply have nothing to show.

Icons that render grey or as plain outlines on a dark background are usually the brand SVGs themselves — several card networks ship monochrome marks. If the whole row looks washed out on the product page, check whether Black and white is ticked.

Test payment gateways and Shopify's bogus gateway do not produce icons. A development store with no real payment provider connected will show nothing.

See Announcement Bar & Footer for the rest of the footer blocks.