Thêm javascript vào đầu trong một số trang nhất định

Tôi đang cố gắng thêm một số tập lệnh javascript vào đầu một số trang nhất định trong cửa hàng magento của mình (bây giờ tôi cần một tập lệnh trong các trang sản phẩm và tập lệnh khác khi thanh toán, nhưng tôi sẽ cần nó trong các trang khác trong tương lai: trang chủ, Thể loại...).

Tôi mới biết về Magento và đã đọc khá nhiều về nó, nhưng vẫn không chắc chắn cách thực hiện điều này trong Magento (ví dụ tôi đã thực hiện thành công trong Drupal).

Dường như page.xml (hoặc local.xml) sẽ là nơi thích hợp để đặt các tập lệnh cho phần đầu, nhưng tôi không biết trong các tệp xml đó cho phép "điều kiện" (chỉ hiển thị tập lệnh này trong loại trang này. ..).

Một tùy chọn khác dường như là đặt mã trong head.phtml của mẫu. Điều này sẽ hoạt động, bởi vì nó chấp nhận php ifs, nhưng tôi không biết nên sử dụng mã và biến nào cho từng trường hợp (để hiển thị trong trang sản phẩm hoặc thanh toán hoặc trang chủ, v.v.)

Lựa chọn tốt nhất / sạch nhất cho việc này là gì? Bạn có thể vui lòng cho tôi một ví dụ mã về cách nó sẽ được thực hiện hoặc chỉ cho tôi đến trang tài liệu liên quan không?

Cảm ơn rất nhiều!

Tái bút: Tôi không nghĩ nó có bất kỳ sự khác biệt nào trong vấn đề này, nhưng các mã javascript mà tôi đang cố gắng triển khai là để sử dụng API thử nghiệm nội dung của Google Analytics ( https://developers.google.com/analytics/solutions/ thí nghiệm phía khách hàng )

Thêm phần sau vào local.xmltệp bố cục của bạn ( app/design/frontend/{interface}/{theme}/layout/local.xml) ngay dưới <layout>thẻ này:
Đối với các trang sản phẩm

<catalog_product_view>
    <reference name="head">
        <block type="core/text" name="some_name" as="some_name">
            <action method="setText">
                <text><![CDATA[YOUR TEXT GOES HERE]]></text>
            </action>
        </block>
    </reference>
</catalog_product_view>

Đối với trang thanh toán là điều tương tự, ngoại trừ bạn cần thay thế thẻ hàng đầu bằng <checkout_onepage_index>. Vì vậy, phần trên trở thành:

<checkout_onepage_index>
    <reference name="head">
        <block type="core/text" name="some_name" as="some_name">
            <action method="setText">
                <text><![CDATA[YOUR TEXT GOES HERE]]></text>
            </action>
        </block>
    </reference>
</checkout_onepage_index>

nó hoạt động tương tự cho bất kỳ trang nào khác. Bạn chỉ cần biết xử lý trang chính xác (thẻ trên cùng). Đối với chỉ số là cms_index_index, cho giỏ hàng là checkout_cart_index.

Đó local.xmlsẽ là con đường để đi. Nó được coi là thực hành tốt nhất để chỉ thay đổi và thêm quy tắc ở đó.

Chỉ giải quyết các loại trang nhất định, bố cục XML cung cấp cho bạn các thẻ điều khiển trang. Vì vậy, ví dụ trang sản phẩm là catalog_product_view. Trong trường hợp của bạn, XML bố cục sẽ trông giống như thế này

<?xml version="1.0"?>
<layout version="0.1.0">
    <checkout_onepage_index>
        <reference name="head">
            <action method="addItem"><type>skin_js</type><name>js/your_custom_js.js</name></action>
        </reference>
    </checkout_onepage_index>
    <catalog_product_view>
        <reference name="head">
            <action method="addItem"><type>skin_js</type><name>js/another_custom_js.js</name></action>
        </reference>
    </catalog_product_view>
</layout>

Đối với trang chủ, bạn sẽ cần thêm nó thông qua phần phụ trợ bên dưới các trang CMS và sau đó layout tab, Layout Update XMLkhu vực

bây giờ tôi cần một tập lệnh trong các trang sản phẩm và tập lệnh khác khi thanh toán, nhưng tôi sẽ cần tập lệnh này trong các trang khác trong tương lai: trang chủ, danh mục

Nếu bạn sẽ sử dụng lại cùng một tập lệnh ở một số nơi, sẽ hợp lý khi sử dụng trình điều khiển bố cục tùy chỉnh trong các chủ đề của bạn local.xml(hoặc tệp bố cục cụ thể của chủ đề khác, như được giải thích trong câu trả lời này ) như sau:

<content_experiments> <!-- this is the custom layout handle -->
    <reference name="head">
        <block type="core/text" name="content_experiments">
            <action method="setText">
                <text><![CDATA[
add scripts here

]]></text>
            </action>
        </block>
    </reference>
</content_experiments>

Sau đó, để sử dụng tay cầm này trên các trang sản phẩm và thanh toán :

<catalog_product_view>
    <update handle="content_experiments"/>
</catalog_product_view>
<checkout_onepage_index>
    <update handle="content_experiments"/>
</checkout_onepage_index>

Để sử dụng nó trên tất cả các trang chuyên mục

<catalog_category_view>
    <update handle="content_experiments"/>
</catalog_category_view>

Để sử dụng nó trong danh mục với ID 42 :

<CATEGORY_42>
    <update handle="content_experiments"/>
</CATEGORY_42>

(thay thế thêm <update handle="content_experiments"/>vào trường văn bản cập nhật bố cục tùy chỉnh trong cấu hình thể loại)

Để sử dụng nó trên sản phẩm có ID 42 :

<PRODUCT_42>
    <update handle="content_experiments"/>
</PRODUCT_42>

(thay thế thêm <update handle="content_experiments"/>vào trường văn bản cập nhật bố cục tùy chỉnh trong cấu hình sản phẩm)

...và như thế...

Tất cả các tay cầm bố trí được đặt trực tiếp trong <layout> ... </layout>

Ưu điểm của phương pháp này là nếu bạn muốn thay đổi tập lệnh, bạn chỉ cần thực hiện ở một nơi.