Cómo agregar un icono antes del nombre del método de pago

Question

Quiero agregar un icono antes del nombre del método de pago igual a PayPal ( https://www.paypal.com/en_us/i/logo/paypal_mark_37x23.gif ), consulte el HTML a continuación

<fieldset id="checkout-payment-method-load">
    <dt>
            <input id="p_method_migsvpc_server" value="migsvpc_server" type="radio" name="payment[method]" title="MigsVpc Server" onclick="payment.switchMethod('migsvpc_server')" class="radio" autocomplete="off">
            <label for="p_method_migsvpc_server">MigsVpc Server </label>
    </dt>
        <dd>
        <fieldset class="form-list">
    asdfdasf
    <ul id="payment_form_migsvpc_server" style="display:none">
        <li>
           adf You will be redirected to MIGS website when you place an order.        </li>
    </ul>
</fieldset>
    </dd>
        <dt>
            <input id="p_method_paypal_standard" value="paypal_standard" type="radio" name="payment[method]" title="PayPal Website Payments Standard" onclick="payment.switchMethod('paypal_standard')" class="radio" autocomplete="off">
            <label for="p_method_paypal_standard"> <!-- PayPal Logo -->
<img src="**https://www.paypal.com/en_US/i/logo/PayPal_mark_37x23.gif**" alt="" class="v-middle">Paypal
<!--<a href="https://www.paypal.com/hk/cgi-bin/webscr?cmd=xpt/Marketing/popup/OLCWhatIsPayPal-outside" onclick="javascript:window.open('https://www.paypal.com/hk/cgi-bin/webscr?cmd=xpt/Marketing/popup/OLCWhatIsPayPal-outside','olcwhatispaypal','toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=yes, resizable=yes, ,left=0, top=0, width=400, height=350'); return false;">What is Paypal？</a>
 PayPal Logo -->
</label>
    </dt>
        <dd>
        <ul class="form-list" id="payment_form_paypal_standard" style="display:none;">
    </ul>
    </dd>
        <dt>
            <input id="p_method_cashondelivery" value="cashondelivery" type="radio" name="payment[method]" title="Cash On Delivery" onclick="payment.switchMethod('cashondelivery')" class="radio" autocomplete="off">
            <label for="p_method_cashondelivery">Cash On Delivery </label>
    </dt>

</fieldset>

Quiero agregar un icono antes de MIGS, ¿cómo puedo hacer eso?Había encontrado este app\design\frontend\default\template\migsvpc\server\form.phtml, esto solo puede agregar el icono después del nombre.

Answer 1

Puede agregar div y agregar CSS clase con el icono de pago

Agregar div como se muestra a continuación:

<dt>
    <div class="cashondelivery"></div> 
    <input id="p_method_cashondelivery" value="cashondelivery" type="radio" name="payment[method]" title="Cash On Delivery" onclick="payment.switchMethod('cashondelivery')" class="radio" autocomplete="off"> 
    <label for="p_method_cashondelivery">Cash On Delivery </label> 
</dt>