Solved

Can I update payment icons in the Dawn theme on Shopify?

King-Kang
Trailblazer
148 8 76

Hello,

I'm using the Dawn theme - the new Shopify free theme - and I want to update the payment icons in my footer.

Tried to follow this tutorial, by Shopify (that works for Debut, as an example), but it's not working.

I suspect that the code that needs to be edited is the following one, in footer.liquid

        {%- if section.settings.payment_enable -%}
          <div class="footer__payment">
            <span class="visually-hidden">{{ 'sections.footer.payment' | t }}</span>
            <ul class="list list-payment" role="list">
              {%- for type in shop.enabled_payment_types -%}
                <li class="list-payment__item">
                  {{ type | payment_type_svg_tag: class: 'icon icon--full-color' }}
                </li>
              {%- endfor -%}
            </ul>
          </div>
        {%- endif -%}

Does anyone knows how I can fix this?

Thank you

Accepted Solutions (2)

King-Kang
Trailblazer
148 8 76

This is an accepted solution.

Does anyone knows how I can do this, in Dawn theme?

 

{% for type in shop.enabled_payment_types %}

 

Replace it with:

 

{% assign enabled_payment_types = 'visa,master,american_express,paypal' | remove: ' ' | split: ',' %}
{% for type in enabled_payment_types %}

 

 
Thank you

View solution in original post

miin
Visitor
2 1 1

This is an accepted solution.

Don't know if you figured this out but just replace the code in your first post with this (update your preferred payment methods if needed):

{%- if section.settings.payment_enable -%}
<div class="footer__payment">
<span class="visually-hidden">{{ 'sections.footer.payment' | t }}</span>
<ul class="list list-payment" role="list">
{% assign enabled_payment_types = 'visa,master,american_express,paypal,venmo' | remove: ' ' | split: ',' %}
{% for type in enabled_payment_types %}
{{ type | payment_type_svg_tag: class: 'icon icon--full-color' }}
</li>
{%- endfor -%}
</ul>
</div>
{%- endif -%}

For me it's lines 294-305 in footer.liquid

View solution in original post

Replies 7 (7)

King-Kang
Trailblazer
148 8 76

This is an accepted solution.

Does anyone knows how I can do this, in Dawn theme?

 

{% for type in shop.enabled_payment_types %}

 

Replace it with:

 

{% assign enabled_payment_types = 'visa,master,american_express,paypal' | remove: ' ' | split: ',' %}
{% for type in enabled_payment_types %}

 

 
Thank you

King-Kang
Trailblazer
148 8 76

No one?

miin
Visitor
2 1 1

This is an accepted solution.

Don't know if you figured this out but just replace the code in your first post with this (update your preferred payment methods if needed):

{%- if section.settings.payment_enable -%}
<div class="footer__payment">
<span class="visually-hidden">{{ 'sections.footer.payment' | t }}</span>
<ul class="list list-payment" role="list">
{% assign enabled_payment_types = 'visa,master,american_express,paypal,venmo' | remove: ' ' | split: ',' %}
{% for type in enabled_payment_types %}
{{ type | payment_type_svg_tag: class: 'icon icon--full-color' }}
</li>
{%- endfor -%}
</ul>
</div>
{%- endif -%}

For me it's lines 294-305 in footer.liquid

King-Kang
Trailblazer
148 8 76

Hello @miin ,

I found out later, what I was doing wrong.

I will accept your solution.

Thank you  🙂


domenic1234567
Tourist
7 0 1

Hey, how can I display these payment icons under the Add to Cart / Buy now Buttons?

 

Ngurrbul
Visitor
1 0 0

Also wanting to know this if anyone can help

RaagChoudhary
Visitor
1 0 0

Works perfectly..!