Khối left
này là một khối rất chung chung trong Magento.
Nó được định nghĩa trong tệp app/design/frontend/base/default/layout/page.xml
và chỉ đơn giản là một khối kiểu core/text_list
.
<block type="core/text_list" name="left" as="left" translate="label">
<label>Left Column</label>
</block>
Ý tưởng cơ bản là bạn chỉ cần sử dụng khối này và điền vào nội dung bạn cần.
Bạn chỉ có thể tham khảo nó và thêm các mục. Một ví dụ hoàn hảo về điều này là điều hướng khách hàng trong tập tin app/design/frontend/base/default/layout/customer.xml
.
<reference name="left">
<block type="customer/account_navigation" name="customer_account_navigation" before="-" template="customer/account/navigation.phtml">
<action method="addLink" translate="label" module="customer"><name>account</name><path>customer/account/</path><label>Account Dashboard</label></action>
<action method="addLink" translate="label" module="customer"><name>account_edit</name><path>customer/account/edit/</path><label>Account Information</label></action>
<action method="addLink" translate="label" module="customer"><name>address_book</name><path>customer/address/</path><label>Address Book</label></action>
</block>
<block type="checkout/cart_sidebar" name="cart_sidebar" template="checkout/cart/sidebar.phtml">
<action method="addItemRender"><type>simple</type><block>checkout/cart_item_renderer</block><template>checkout/cart/sidebar/default.phtml</template></action>
<action method="addItemRender"><type>grouped</type><block>checkout/cart_item_renderer_grouped</block><template>checkout/cart/sidebar/default.phtml</template></action>
<action method="addItemRender"><type>configurable</type><block>checkout/cart_item_renderer_configurable</block><template>checkout/cart/sidebar/default.phtml</template></action>
</block>
<block type="catalog/product_compare_sidebar" name="catalog.compare.sidebar" template="catalog/product/compare/sidebar.phtml"/>
<remove name="tags_popular"/>
</reference>
Ở đây Magento chỉ cần thêm các khối con vào khối bên trái. Bạn có thể thấy chính xác nơi nội dung được thêm bằng cách tìm kiếm các mục sau trong tệp bố cục:
<reference name="left">
Bạn cũng có thể thấy khi cột bên trái bị xóa bằng cách tìm kiếm các mục sau trong tệp bố cục:
<remove name="left"/>
Để biết thêm thông tin về khối này, tôi khuyên bạn nên đọc bài đăng trên blog của Khối kết cấu từ Inchoo