Hack Forums
Shopify payment icons in the footer - Printable Version

+- Hack Forums (https://hackforums.net)
+-- Forum: Tech (https://hackforums.net/forumdisplay.php?fid=444)
+--- Forum: Webmasters (https://hackforums.net/forumdisplay.php?fid=141)
+---- Forum: Website Construction (https://hackforums.net/forumdisplay.php?fid=50)
+---- Thread: Shopify payment icons in the footer (/showthread.php?tid=5902945)



Shopify payment icons in the footer - Germany69420 - Nov 3, 2018

So I'm trying to add the icon of iDeal in my footer. (iDeal is a big payment method in the netherlands). The paypal icon was already there because paypal is a standard payment method on shopify and so it was already placed correctly. iDeal is not a standard method so I have to add the icon there by myself. This is how the paypal icon looks:

https://gyazo.com/28ce9907a0a2915c7612f55716b44227

I found the payment icon code in my footer.liquid code

Code
<div class="grid__item {{ footer_column_width }} {% if num_footer_columns == 1 %}text-center{% else %}large--text-right{% endif %}">
       <p>&copy; {{ 'now' | date: '%Y' }}, {{ shop.name | link_to: '/' }}<br></p>
         {%- if section.settings.show_payment_icons -%}
           {%- unless shop.enabled_payment_types == empty -%}
             <span class="visually-hidden">{{ 'general.payment.method' | t }}</span>
             <ul class="inline-list payment-icons">
               {%- for type in shop.enabled_payment_types -%}
                 <li>
                   {{ type | payment_type_svg_tag: class: 'icon' }}
                 </li>
               {%- endfor -%}
             </ul>
           {%- endunless -%}
         {%- endif -%}
     </div>
   </div>

 </div>

Can anyone help me get the right piece of code so it is aligned with the PayPal icon? I have already added the icon to the assets.