Add an image in footer (Speciale payment icons)

Store Design
1

Hi guys,

I want to add a special image where my “Payment icons” are now, how can I do it with liquid?

I know how to delete the one there is now, but it’s a checkbox so I can’t add my own.

Any ideas?

1 Like
2

@HannibalHerman

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community! :blush:
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

3

Hi Ketan

Sorry thought i did that haha :slightly_smiling_face:

This is my url www.rios1931.dk

Thanks a lot!

1 Like
4

From your Shopify admin, go to Online Store > Themes. Find the theme you want to edit, and then click Actions > Edit code. Scroll down to and click the Add a new asset link. Choose the icons file on your computer and click Upload asset.

Direct 2 HR

5

Where should I scroll down and what should I write? :slightly_smiling_face:

6

@HannibalHerman

can you please share footer code

1 Like
7

How do i do that? haha

1 Like
8

@HannibalHerman

can you please go to Edit code >>>> Section >>> footer

9

This is static-footer.liquid


{% schema %}
{
  "name": "Footer",
  "max_blocks": 5,
  "settings": [
    {
      "type": "select",
      "id": "mobile_alignment",
      "label": "Mobile alignment",
      "options": [
        {
          "value": "left",
          "label": "Left"
        },
        {
          "value": "centered",
          "label": "Centered"
        }
      ],
      "default": "left"
    },
    {
      "type": "header",
      "content": "Payment icons"
    },
    {
      "type": "checkbox",
      "id": "payment_icons",
      "label": "Show payment icons",
      "default": false
    },
    {
      "type": "header",
      "content": "Language Selector",
      "info": "To add a language, go to your [language settings.](/admin/settings/languages)"
    },
    {
      "type": "checkbox",
      "id": "show_locale_selector",
      "label": "Show language selector",
      "default": true
    },
    {
      "type": "header",
      "content": "Currency Selector",
      "info": "To add a currency, go to your [payment settings.](/admin/settings/payments)"
    },
    {
      "type": "checkbox",
      "id": "show_currency_selector",
      "label": "Show currency selector",
      "default": true
    },
    {
      "type": "header",
      "content": "Additional menu"
    },
    {
      "type": "link_list",
      "id": "additional_menu",
      "label": "Menu",
      "default": "footer",
      "info": "Drop-down items will not be shown."
    },
    {
      "type": "header",
      "content": "Small footer text"
    },
    {
      "type": "richtext",
      "id": "small_text",
      "label": "This text appears below the copyright line.",
      "default": "

Superstore Theme by Out of the Sandbox. Powered by Shopify

"
    }
  ],
  "blocks": [
    {
      "type": "menu",
      "name": "Menu",
      "settings": [
        {
          "type": "link_list",
          "id": "menu",
          "label": "Menu",
          "default": "main-menu",
          "info": "Dropdown items will not be shown."
        }
      ]
    },
    {
      "type": "rich_text",
      "name": "Rich text",
      "settings": [
        {
          "type": "text",
          "id": "title",
          "label": "Heading",
          "default": "Rich text"
        },
        {
          "type": "richtext",
          "id": "text",
          "label": "Text",
          "default": "

Use this section to welcome customers to your store, say a bit about your brand, or share news and seasonal promotions.

"
        }
      ]
    },
    {
      "type": "social_accounts",
      "name": "Social accounts",
      "limit": 1,
      "settings": [
        {
          "type": "paragraph",
          "content": "Social links can be managed in your General settings."
        }
      ]
    },
    {
      "type": "newsletter",
      "name": "Newsletter",
      "limit": 1,
      "settings": [
        {
          "type": "text",
          "id": "title",
          "label": "Heading",
          "default": "Subscribe"
        },
        {
          "type": "richtext",
          "id": "text",
          "label": "Text",
          "default": "

Invite customers to join your mailing list.

"
        },
        {
          "type": "select",
          "id": "button_style",
          "label": "Button style",
          "options": [
            {
              "value": "primary",
              "label": "Primary"
            },
            {
              "value": "secondary",
              "label": "Secondary"
            }
          ],
          "default": "primary"
        }
      ]
    }
  ],
  "default": {
    "settings": {
      "additional_menu": "footer"
    },
    "blocks": [
      {
        "type": "menu",
        "settings": {}
      },
      {
        "type": "newsletter",
        "settings": {}
      },
      {
        "type": "rich_text",
        "settings": {}
      }
    ]
  }
}

{% endschema %}
1 Like
10

@HannibalHerman

great thanks for code

can you find this “{% for type in shop.enabled_payment_types %}

  • {{ type | payment_type_svg_tag }}
    • {% endfor %}” in footer code after add your payment icon

    for example https://ui-elements-generator.myshopify.com/pages/methods-of-payment

    {% for type in shop.enabled_payment_types %} - {{ type | payment_type_svg_tag }} 
 {% endfor %}
-