adding Afterpay icon into footer (or other icons)

Solved
New Member
3 0 0

were you able to resize? I am stuck at the same spot.

0 Likes
New Member
3 0 0

Did you ever solve this? Stuck at the same place.

0 Likes
New Member
5 0 0

Yeah kind of. Had to do some codeing.

 

under Sections

in footer.liquid I modified it to this.

 {% if section.blocks.size > 0 %}
    <hr>
  {% endif %}

  <div class="grid medium-up--grid--table sub-footer small--text-center">
    <div class="grid__item medium-up--one-half">
      <small>{{ 'layout.footer.copyright' | t }} &copy; {{ 'now' | date: "%Y" }}, {{ shop.name | link_to: '/' }}. {{ powered_by_link }}</small>
    </div>
    {%- if section.settings.show_payment_icons -%}
      {%- unless shop.enabled_payment_types == empty -%}
        <div class="grid__item medium-up--one-half medium-up--text-right">
          <span class="visually-hidden">{{ 'general.payment.method' | t }}</span>
          <ul class="list--inline payment-icons">
            {%- for type in shop.enabled_payment_types -%}
              <li>
                {{ type | payment_type_svg_tag: class: 'icon icon--full-color' }}
              </li>
            {%- endfor -%}
            <li class="payment-icon" >
<img src="{{ 'AP-RGB-sm.png' | file_img_url : '10%' }}" alt="" />
</li>
          </ul>
        </div>
      {%- endunless -%}
    {%- endif -%}
  </div>
</footer>

 the 10% is the resize to make it look similar. Positioning was hard an still have got it right.

Reuben_Tarran_0-1606878739746.png

 

 

0 Likes