Categories

Featured templates

Shopify. How to manage payment systems logos

Ryan DeWitt November 19, 2015
Rating: 5.0/5. From 3 votes.
Please wait...

Shopify. How to manage payment systems logos

This tutorial shows how to manage payment systems logos in Shopify store:

Shopify. How to manage payment systems logos-1

  1. Go to Online store -> Themes in Shopify admin section. Edit HTML/CSS files:

    Shopify. How to manage payment systems logos-2

  2. Open Assets section. Upload new logos using Add new asset link:

    Shopify. How to manage payment systems logos-3

  3. Select file. Upload logos:

    Shopify. How to manage payment systems logos-4

  4. Now we should edit widget-payment-methods.liquid file inside Snippets. There we can see a list of payment logos and image name for each payment method:

    Shopify. How to manage payment systems logos-5

  5. We should change image name to the one we have uploaded to assets. For example, we will change paypal logo with our custom image called paypal-1.jpg. We will also change image name for mastercard logo. You can perform the same changes to all logos. Save changes:

    Shopify. How to manage payment systems logos-6

  6. Refresh page. We have changed payment logos:

    Shopify. How to manage payment systems logos-7

  7. You can disable/enable particular payment logos using theme options. Go to Themes -> Customize theme:

    Shopify. How to manage payment systems logos-8

  8. Open Payment methods section:

    Shopify. How to manage payment systems logos-9

  9. Disable/enable appropriate payment logos. Save changes:

    Shopify. How to manage payment systems logos-10

  10. Refresh page. Logos show up according to options we have set in payment section:

    Shopify. How to manage payment systems logos-11

Feel free to check the detailed video tutorial below:

Shopify. How to manage payment systems logos

Shopify Themes for Sale
This entry was posted in Shopify Tutorials and tagged logo, payment, Shopify, system. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket