[IMP] website_payment: show payment method in footer

Xpath has been altered and logos displayed in right column or portal.

The pupose of these logos is to know when you arrive on the website (ecommerce)
 with which payment method you can paid.

addons/website_payment/views/website_payment_templates.xml

@@ -1,12 +1,14 @@
 <?xml version="1.0" encoding="utf-8"?>
 <odoo>
     <data>
-        <template id="header_footer_custom_payment" inherit_id="website_portal.portal_layout" customize_show="True" active="False" name="Payment Methods">
-            <xpath expr="//div[@class='o_my_details']" position="inside">
+        <template id="header_footer_custom_payment" inherit_id="website.footer_default" customize_show="True" active="False" name="Payment Methods">
+            <xpath expr="//div[@id='info']" position="inside">
                 <h4 class="payment_method_title">Payment Method</h4>
                 <ul class="payment_method_list list-inline">
                     <t t-foreach="request.website.payment_acquirers()" t-as="acquirer">
-                        <li><img class="img-rounded" t-att-src="'/payment_%s/static/src/img/%s_icon.png' % (acquirer.provider, acquirer.provider)"/></li>
+                        <li>
+                            <span t-field="acquirer.image_small" t-options='{"widget": "image", "alt-field": "name"}' />
+                        </li>
                     </t>
                 </ul>
             </xpath>
@@ -80,7 +82,7 @@
 
     <template id="pay_meth_link" inherit_id="website_portal.portal_layout">
         <xpath expr="//div[@class='o_my_details']" position="inside">
-            <a href="/my/payment_method">Manage your payment methods</a>
+            <div class='manage_payment_method mt16'><a href="/my/payment_method">Manage your payment methods</a></div>
         </xpath>
     </template>