Display payment option logos on product page using dynamic source

[nchantu]

Hey,

Since I have payment options only available in certain countries, I would like this to be easily noticed when viewing a product page. The footer of my store has these logos, and they change based on region.

Shouldn’t it be possible to add the same dynamic source right under the “add to cart”/ “express checkout” buttons?

I don’t know if I need to add a custom dynamic source, and if so, how to do it. I’ve tried to just insert a couple of sources that I found in the theme’s footer file as text when customizing the theme, but it says they’re invalid.

Really appreciate help, thanks.

[nchantu]

Manage to get it like this

by adding:

{%- for type in shop.enabled_payment_types -%}

{{ type | payment_type_svg_tag: class: 'icon icon--full-color' }}

{%- endfor -%}

To main-product.liquid

Does anyone know how to get it horizontal? Or if there is a better way to do this

[LitExtension]

Hi @nchantu ,

Please change code:

	{%- for type in shop.enabled_payment_types -%}
	- {{ type | payment_type_svg_tag: class: 'icon icon--full-color' }}
	
	{%- endfor -%}

Hope it helps!

[nchantu]

Worked perfect. Thank you!