How to remove certain credit cards accepted on Home Page

Highlighted
New Member
1 0 0

I want to know what codes to look for to change the credit cards I accept.  I have about 7 different cards at the footer on my homepage.  I want to remove two of them.  Would love advice on how to fix that. I'm using the Minimal theme.

www.rubieskidboutique.com

Thanks!

Debbie

0 Likes
Shopify Expert
29 0 8

Hi Debbie, 

This can be done in theme settings without having to edit code.

Minimal theme features - http://minimal-fashion.myshopify.com/pages/theme-features

  1. Log in to your store
  2. Click "Themes" in the sidebar
  3. Click "Customize Theme" (blue button)
  4. Expand the footer section
  5. Deselect cards you would like to remove
  6. Click "Publish Changes"

That should do it!

0 Likes
Excursionist
38 0 4

Hi Billiam,

Came across this thread. I was wondering, Can I do it for the Brooklyn theme? It doesn't have the Footer section you described above. If possible, I'd like to have the accepted cards displayed only on the Buy page.

Thanks a lot :)

Steven

0 Likes
Astronaut
1925 0 380

In the Brooklyn theme, open Layout/theme.liquid.  Find the block of code below.  (It should be near the end of the file.)  Delete it or comment it out.

            {% unless shop.enabled_payment_types == empty %}
              <ul class="inline-list payment-icons">
                {% for type in shop.enabled_payment_types %}
                  <li>
                    <span class="icon-fallback-text">
                      <span class="icon icon-{{type}}" aria-hidden="true"></span>
                      <span class="fallback-text">{{type | replace: '_',' '}}</span>
                    </span>
                  </li>
                {% endfor %}
              </ul>
            {% endunless %}

 

1 Like
Shopify Expert
29 0 8

Hi Steven,

Unfortunately, the Brooklyn theme seems to have pretty limited theme settings.  You can of course still make this change by modifying the theme slightly, but do so with caution.  I recommend making a backup of the theme before making changes. I have included simple directions to make this change to your theme.

  1. Click 'Online Store' in the sidebar
  2. Click 'themes'
  3. Click the three dots and then 'edit html/css'
  4. Click on 'theme.liquid'
  5. Scroll to approximately line 557 and find the following code:
    {% unless shop.enabled_payment_types == empty %}
      <ul class="inline-list payment-icons">
        {% for type in shop.enabled_payment_types %}
          <li>
            <span class="icon-fallback-text">
              <span class="icon icon-{{ type }}" aria-hidden="true"></span>
              <span class="fallback-text">{{ type | replace: '_',' ' }}</span>
            </span>
          </li>
        {% endfor %}
      </ul>
    {% endunless %}
  6. Replace this section with the following code:
    {% if template contains 'product' or template contains 'cart' %}
      {% unless shop.enabled_payment_types == empty %}
        <ul class="inline-list payment-icons">
          {% for type in shop.enabled_payment_types %}
            <li>
              <span class="icon-fallback-text">
                <span class="icon icon-{{ type }}" aria-hidden="true"></span>
                <span class="fallback-text">{{ type | replace: '_',' ' }}</span>
              </span>
            </li>
          {% endfor %}
        </ul>
      {% endunless %}
    {% endif %}

     

  7. This will make the credit cards appear on the product template and cart templates only.

1 Like
Excursionist
38 0 4

Thanks Alex and Billiam! Your advice worked. That was hands down the fastest reply I've ever gotten in this forum. I really appreciate it.

0 Likes
New Member
2 0 0

Hello Bill!

I am currently using the minimal template, and even if I follow your instructions I don't see where I can deselect cards on the footer section. Any idea why this is happening? Do I need to upgrade my plan?

www.kostaswim.com

Thanks so much!

Steph

0 Likes
Shopify Expert
29 0 8

Hello Stephanie,

The settings have been removed from theme settings and they are now displayed based your enabled payment types within your payment settings.

Option 1 (Recommended):

  1. Click "settings" in the sidebar
  2. Click "Payments"
  3. Disable the payment methods you no longer would like to offer

Option 2 (Coding required):

  1. Click "Online Store"
  2. Click "Themes"
  3. Click the "..." icon on the current live theme
  4. Click "Edit HTML/CSS"
  5. Click "Theme.liquid"

Search for this code at the bottom of the document.

<ul class="credit-cards clearfix">
   {% for type in shop.enabled_payment_types %}
      <li><img width="50" src="{{ type | payment_type_img_url }}" /></li>
   {% endfor %}
</ul> <!-- /.credit-cards -->

Payment types: https://docs.shopify.com/themes/liquid-documentation/objects/shop#shop-enabled_payment_types

*Note: If you use option 2 let me know which cards you need hidden and I will provide you with code to replace the above section.

0 Likes
New Member
2 0 0

Excellent, I was able to remove this. Thanks so much!

0 Likes