html - Magento 拡張機能の要素の DOM パス

Question

機能するように magento 拡張機能を構成しようとしていますが、これには「DOM パス (例: ".product-shop .add-to-box .btn-cart")」が必要です。

私たちはmagentoテンプレートを使用しているため、これらのパスは異なります。さまざまな組み合わせを調べて試しましたが、正しく取得できないようで、誰かが見てくれることを願っています.

製品ページの「在庫状況」テキストと「カートに追加」テキストに必要です。

コードは以下にありますが、ウェブページを表示する方が簡単かもしれません (コードを少し見逃した場合にも備えて!) : http://foscam-uk.com/indoor-cameras/mjpeg/foscam-fi8916w- white-wireless-ip-camera.html

<div class="product-option">
            <div class="alert-price">

    <p class="availability in-stock">Availability: <span>In stock</span></p>



    <div class="price-box">
                                                            <span class="regular-price" id="product-price-217">
                    <span class="price">£71.99</span>                </span>

        </div>


    <ul class="tier-prices product-pricing">
                    <li>

                                                            Buy 2 for <span class="price">£64.99</span> each                                    

                                    and&nbsp;<strong class="benefit">save&nbsp;10%
            </strong>

                    <span class="msrp-price-hide-message">
                            </span>


        </li>

        </ul>
                            </div>



                            <div class="product-options" id="product-options-wrapper">

    <dl>

<dt><label class="required"><em>*</em>Power Supply</label></dt>
<dd class="last">
    <div class="input-box">
        <ul id="options-21-list" class="options-list"><li><input type="radio" class="radio  validate-one-required-by-name product-custom-option" onclick="opConfig.reloadPrice()" name="options[21]" id="options_21_2" value="41"  price="0" /><span class="label"><label for="options_21_2">United Kingdom (3 Pin Plug) </label></span><script type="text/javascript">$('options_21_2').advaiceContainer = 'options-21-container';$('options_21_2').callbackFunction = 'validateOptionsCallback';</script></li><li><input type="radio" class="radio  validate-one-required-by-name product-custom-option" onclick="opConfig.reloadPrice()" name="options[21]" id="options_21_3" value="42"  price="0" /><span class="label"><label for="options_21_3">Europe (2 Pin Plug) </label></span><script type="text/javascript">$('options_21_3').advaiceContainer = 'options-21-container';$('options_21_3').callbackFunction = 'validateOptionsCallback';</script></li></ul>                                    <span id="options-21-container"></span>
                        </div>
</dd>
        </dl>


            <p class="required">* Required Fields</p>
    </div>
<script type="text/javascript">decorateGeneric($$('#product-options-wrapper dl'), ['last']);</script>
<div class="product-options-bottom">



    <div class="price-box">
                                                            <span class="regular-price" id="product-price-217_clone">
                    <span class="price">£71.99</span>                </span>

        </div>

    <div class="add-to-cart">
                <label for="qty">Qty:</label>
        <input type="text" name="qty" id="qty" maxlength="12" value="0" title="Qty" class="input-text qty" />
                <button type="button" title="Add to Basket" class="button btn-cart" onclick="productAddToCartForm.submit(this)"><span><span>Add to Basket</span></span></button>
            </div>


<ul class="add-to-links">

</ul>
</div>

                    </div>