Adding payment icons to footer with 2.0 Theme (Stiletto)

[Fed-Graphics]

Hi team,

I’m trying to add three extra payment icons to our footer but unfortunately, I don’t have enough coding knowledge to do this. Just for reference, we would like to add the icons for Afterpay, Laybuy, and Klarna along with our other payment icons.

The support team from Shopify told me I should follow the instructions from this page however, it doesn’t apply to us because we are using a 2.0 theme called Stiletto.

I was hoping someone could help out with our issue. I’ve provided our current footer.liquid code.

Website: www.federation.co.nz

Please see below:

{%- liquid
assign enable_locale_selector = section.settings.enable_locale_selector
assign enable_country_selector = section.settings.enable_country_selector
assign show_payment_icons = section.settings.show_payment_icons
assign content = section.blocks

assign locale_selector = false
assign country_selector = false
assign payment_icons = false

if enable_locale_selector and shop.published_locales.size > 1
assign locale_selector = true
endif

if enable_country_selector and shop.enabled_currencies.size > 1
assign country_selector = true
endif

if show_payment_icons and shop.enabled_payment_types != empty
assign payment_icons = true
endif
-%}

{%- for block in content -%} {%- assign rendered_image = blank -%} {%- if block.settings.image != blank -%} {%- capture rendered_image -%} {%- render 'image' with image: block.settings.image, wrapper_class: 'footer__image', sizes_px: block.settings.image_max_width -%} {%- endcapture -%} {%- endif -%}

{%- if block.settings.title != blank -%}

{{ block.settings.title }}

{%- if block.settings.collapse_on_mobile -%} {{ block.settings.title }} {% render 'icon', icon: 'chevron-small' %} {%- endif -%} {%- endif -%}

{%- if block.type == 'text' -%} {%- if block.settings.image_placement == "above_text" -%} {{ rendered_image }} {%- endif -%} {%- if block.type == 'text' -%}

{{ block.settings.text }}

{%- if rendered_image and block.settings.image_placement == "below_text" -%} {{ rendered_image }} {%- endif -%} {%- endif -%}

{%- if block.settings.show_social_icons -%}
{% render ‘social-icons’ %}
{%- endif -%}
{%- elsif block.type == ‘links’ -%}

{% if linklists[block.settings.link_list].links.size > 0 %}

{% for link in linklists[block.settings.link_list].links %}
• {{ link.title }}
{% endfor %}

{% endif %}

{%- elsif block.type == 'newsletter' -%} {%- assign success_msg = 'general.newsletter_form.confirmation' | t -%}

{{ block.settings.text }}

{% form ‘customer’, class: ‘footer__newsletter-form’, id: ‘footer-subscribe’ %}
{% render ‘form-status’, form: form, form_id: ‘footer-subscribe’, success_message: success_msg %}

{%- unless form.posted_successfully? -%}

{{- 'general.newsletter_form.email_placeholder' | t -}} {{ 'general.newsletter_form.submit' | t }}

{%- endunless -%} {% endform %}

{%- if block.settings.show_social_icons -%}
{% render ‘social-icons’ %}
{%- endif -%}

{%- endif -%}

{% endfor %}

{%- if locale_selector or country_selector -%} {% render 'cross-border' with show_locale: locale_selector, show_country: country_selector, id: 'footer' %} {%- endif -%}

{{ 'sections.footer.copyright' | t }} © {{ 'now' | date: "%Y" }}, {{ shop.name | link_to: '[https://www.federation.co.nz/](https://www.federation.co.nz/)' }}. {{ 'sections.footer.rights' | t }} {{ 'sections.footer.see_terms' | t }}

{{ section.settings.additional_copyright_text }}

{%- if payment_icons -%} {% render 'payment-icons' %} {%- endif -%}

{% schema %}
{
“name”: “t:sections.footer.name”,
“tag”: “footer”,
“class”: “footer__parent”,
“settings”: [
{
“type”: “header”,
“content”: “t:shared.settings.disclosure.header__language.content”,
“info”: “t:shared.settings.disclosure.header__language.info”
},
{
“type”: “checkbox”,
“id”: “enable_locale_selector”,
“label”: “t:shared.settings.disclosure.enable_locale_selector.label”,
“default”: true
},
{
“type”: “header”,
“content”: “t:shared.settings.disclosure.header__country.content”,
“info”: “t:shared.settings.disclosure.header__country.info”
},
{
“type”: “checkbox”,
“id”: “enable_country_selector”,
“label”: “t:shared.settings.disclosure.enable_country_selector.label”,
“default”: true
},
{
“type”: “header”,
“content”: “t:sections.footer.settings.payment__header.content”,
“info”: “t:sections.footer.settings.payment__header.info”
},
{
“id”: “show_payment_icons”,
“type”: “checkbox”,
“label”: “t:sections.footer.settings.show_payment_icons.label”,
“default”: true
},
{
“type”: “header”,
“content”: “t:sections.footer.settings.additional_content__header.content”
},
{
“type”: “richtext”,
“id”: “additional_copyright_text”,
“label”: “t:sections.footer.settings.additional_copyright_text.label”
}
],
“blocks”: [
{
“type”: “text”,
“name”: “t:sections.footer.blocks.text.name”,
“settings”: [
{
“id”: “desktop_width”,
“type”: “range”,
“label”: “t:sections.footer.blocks.shared.settings.desktop_width.label”,
“info”: “t:sections.footer.blocks.shared.settings.desktop_width.info”,
“min”: 10,
“max”: 100,
“step”: 1,
“default”: 30,
“unit”: “%”
},
{
“id”: “desktop_padding”,
“type”: “range”,
“label”: “t:sections.footer.blocks.shared.settings.desktop_padding.label”,
“min”: 0,
“max”: 20,
“step”: 1,
“default”: 2,
“unit”: “%”
},
{
“type”: “checkbox”,
“id”: “collapse_on_mobile”,
“label”: “t:sections.footer.blocks.shared.settings.collapse_on_mobile.label”,
“info”: “t:sections.footer.blocks.shared.settings.collapse_on_mobile.info”,
“default”: true
},
{
“id”: “title”,
“type”: “text”,
“label”: “t:sections.footer.blocks.shared.settings.title.label”,
“info”: “t:sections.footer.blocks.shared.settings.title.info”,
“default”: “About us”
},
{
“id”: “show_title_on_desktop”,
“type”: “checkbox”,
“label”: “t:sections.footer.blocks.shared.settings.show_title_on_desktop.label”,
“info”: “t:sections.footer.blocks.shared.settings.show_title_on_desktop.info”,
“default”: true
},
{
“id”: “text”,
“type”: “richtext”,
“label”: “t:sections.footer.blocks.text.settings.text.label”,
“default”: “

Use this text area to tell your customers about your brand and vision. You can change it in the theme settings.

”
},
{
“id”: “image”,
“type”: “image_picker”,
“label”: “t:sections.footer.blocks.shared.settings.image.label”
},
{
“id”: “image_max_width”,
“type”: “range”,
“min”: 50,
“max”: 350,
“step”: 10,
“unit”: “px”,
“label”: “t:sections.footer.blocks.shared.settings.image_max_width.label”,
“default”: 200
},
{
“id”: “image_placement”,
“type”: “select”,
“label”: “t:sections.footer.blocks.text.settings.image_placement.label”,
“options”: [
{
“value”: “above_text”,
“label”: “t:sections.footer.blocks.text.settings.image_placement.option_above_text”
},
{
“value”: “below_text”,
“label”: “t:sections.footer.blocks.text.settings.image_placement.option_below_text”
}
],
“default”: “below_text”
},
{
“type”: “header”,
“content”: “t:sections.footer.settings.social_media__header.content”,
“info”: “t:sections.footer.settings.social_media__header.info”
},
{
“id”: “show_social_icons”,
“type”: “checkbox”,
“label”: “t:sections.footer.settings.show_social_icons.label”,
“default”: false
}
]
},
{
“type”: “links”,
“name”: “t:sections.footer.blocks.links.name”,
“settings”: [
{
“id”: “desktop_width”,
“type”: “range”,
“label”: “t:sections.footer.blocks.shared.settings.desktop_width.label”,
“info”: “t:sections.footer.blocks.shared.settings.desktop_width.info”,
“min”: 10,
“max”: 100,
“step”: 1,
“default”: 20,
“unit”: “%”
},
{
“id”: “desktop_padding”,
“type”: “range”,
“label”: “t:sections.footer.blocks.shared.settings.desktop_padding.label”,
“min”: 0,
“max”: 20,
“step”: 1,
“default”: 4,
“unit”: “%”
},
{
“type”: “checkbox”,
“id”: “collapse_on_mobile”,
“label”: “t:sections.footer.blocks.shared.settings.collapse_on_mobile.label”,
“info”: “t:sections.footer.blocks.shared.settings.collapse_on_mobile.info”,
“default”: true
},
{
“id”: “title”,
“type”: “text”,
“label”: “t:sections.footer.blocks.shared.settings.title.label”,
“info”: “t:sections.footer.blocks.shared.settings.title.info”,
“default”: “Links”
},
{
“id”: “show_title_on_desktop”,
“type”: “checkbox”,
“label”: “t:sections.footer.blocks.shared.settings.show_title_on_desktop.label”,
“info”: “t:sections.footer.blocks.shared.settings.show_title_on_desktop.info”,
“default”: true
},
{
“id”: “link_list”,
“type”: “link_list”,
“label”: “t:sections.footer.blocks.links.settings.link_list.label”,
“info”: “t:sections.footer.blocks.links.settings.link_list.info”,
“default”: “footer”
}
]
},
{
“type”: “newsletter”,
“name”: “t:sections.footer.blocks.newsletter.name”,
“limit”: 1,
“settings”: [
{
“id”: “desktop_width”,
“type”: “range”,
“label”: “t:sections.footer.blocks.shared.settings.desktop_width.label”,
“info”: “t:sections.footer.blocks.shared.settings.desktop_width.info”,
“min”: 10,
“max”: 100,
“step”: 1,
“default”: 30,
“unit”: “%”
},
{
“id”: “desktop_padding”,
“type”: “range”,
“label”: “t:sections.footer.blocks.shared.settings.desktop_padding.label”,
“min”: 0,
“max”: 20,
“step”: 1,
“default”: 2,
“unit”: “%”
},
{
“type”: “checkbox”,
“id”: “collapse_on_mobile”,
“label”: “t:sections.footer.blocks.shared.settings.collapse_on_mobile.label”,
“info”: “t:sections.footer.blocks.shared.settings.collapse_on_mobile.info”,
“default”: true
},
{
“id”: “title”,
“type”: “text”,
“label”: “t:sections.footer.blocks.shared.settings.title.label”,
“info”: “t:sections.footer.blocks.shared.settings.title.info”,
“default”: “Newsletter”
},
{
“id”: “show_title_on_desktop”,
“type”: “checkbox”,
“label”: “t:sections.footer.blocks.shared.settings.show_title_on_desktop.label”,
“info”: “t:sections.footer.blocks.shared.settings.show_title_on_desktop.info”,
“default”: true
},
{
“id”: “text”,
“type”: “richtext”,
“label”: “t:sections.footer.blocks.newsletter.settings.text.label”,
“default”: “

Subscribe for store updates and discounts.

”
},
{
“type”: “header”,
“content”: “t:sections.footer.settings.social_media__header.content”,
“info”: “t:sections.footer.settings.social_media__header.info”
},
{
“id”: “show_social_icons”,
“type”: “checkbox”,
“label”: “t:sections.footer.settings.show_social_icons.label”,
“default”: true
}
]
},
{
“type”: “spacer”,
“name”: “t:sections.footer.blocks.spacer.name”,
“settings”: [
{
“id”: “desktop_width”,
“type”: “range”,
“label”: “t:sections.footer.blocks.shared.settings.desktop_width.label”,
“info”: “t:sections.footer.blocks.shared.settings.desktop_width.info”,
“min”: 5,
“max”: 100,
“step”: 1,
“default”: 5,
“unit”: “%”
}
]
}
],
“default”: {
“blocks”: [
{
“type”: “text”
},
{
“type”: “links”
},
{
“type”: “spacer”
},
{
“type”: “newsletter”
}
]
}
}
{% endschema %}