Help adding payment icons to footer - Brooklyn

I’m having trouble adding payment icons to the footer of my website. Any help would be appreciated.

Below is the URL for my website and my footer code.

URL: www.barcongetta.com

Template: Brooklyn

Code:


 {% if section.settings.footer_show_methods_of_payment %}
    
          
    

      {% if section.settings.payment_icon_1 != blank %}- 
{% endif %}
      {% if section.settings.payment_icon_2 != blank %}- 
{% endif %}
      {% if section.settings.payment_icon_3 != blank %}- 
{% endif %}
      {% if section.settings.payment_icon_4 != blank %}- 
{% endif %}
      {% if section.settings.payment_icon_5 != blank %}- 
{% endif %}
      {% if section.settings.payment_icon_6 != blank %}- {% endif %}            
    
 
  
 
  {% endif %}
  

Thanks!

Hi @barcongetta ,

I checked and the code will ask you to add JSON for schema and upload icon in Customize.

It will be very difficult so I suggest you change the code, it will work fine with Brooklyn theme.

Go to sections/footer.liquid and add code: https://i.imgur.com/gf4GqG4.png

{%- unless shop.enabled_payment_types == empty -%}
{{ 'general.payment.method' | t }}

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

{%- endunless -%}

Hope it helps!