Como adicionar um ícone antes do nome do método de pagamento

Question

Eu quero adicionar um ícone antes do nome do método de pagamento, o mesmo como o PayPal (https://www.paypal.com/en_US/i/logo/PayPal_mark_37x23.gif), consulte o html abaixo

<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>

Eu quero adicionar um ícone antes de migs, como posso fazer isso?Eu tinha encontrado este app\design\frontend\default\template\migsvpc\server\form.phtml, isso só pode acrescentar o ícone após o nome.

Answer 1

Você pode adicionar DIV e adicionar classe CSS com o Pagamento ÍCONE

Adicionar DIV como mostrado abaixo:

<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>