지불 방법의 이름 앞에 아이콘을 추가하는 방법

Question

PayPal ( https://www.paypal.com/en_us/i/logo/paypal_us/i/logo/paypal_mark_37x23.gif ) 아래의 HTML을 참조하십시오

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

.

MIGS 전에 아이콘을 추가하고 싶습니다. 어떻게 할 수 있습니까?나는이 app\design\frontend\default\template\migsvpc\server\form.phtml를 발견했다. 이는 이름이 뒤 따른 아이콘 만 추가 할 수있다.

Answer 1

DIV를 추가하고 지불 아이콘으로 CSS 클래스를 추가 할 수 있습니다

아래 그림과 같이 div를 추가하십시오 :

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

.