Magento:自定义选项字段位置

Magento : Custom Options fields position

你能帮我看看如何更改自定义选项在产品页面上的位置吗?我的意思是:首先显示 product-options 字段,然后显示 add_to_cart 字段。非常感谢你的帮助。

如果您想更改自定义选项的位置,那么您应该查看的正确位置是

app/diesign/frontend/base/default/layout/catalog.xml

首先你应该将这个文件复制到你的主题并在那里编辑(这是 magento 中的好习惯)。

在此文件中搜索如下代码片段。

 <catalog_product_view translate="label">

在此参考句柄中,您将看到块

 <block type="catalog/product_view" name="product.info.addto" as="addto" template="catalog/product/view/addto.phtml"/>
 <block type="catalog/product_view" name="product.info.addtocart" as="addtocart" template="catalog/product/view/addtocart.phtml"/>

将这两个块放在呈现自定义选项块的块下方,即

<block type="catalog/product_view" name="product.info.options.wrapper" as="product_options_wrapper" template="catalog/product/view/options/wrapper.phtml" translate="label">
                    <label>Info Column Options Wrapper</label>
                    <block type="core/template" name="options_js" template="catalog/product/view/options/js.phtml"/>
                    <block type="catalog/product_view_options" name="product.info.options" as="product_options" template="catalog/product/view/options.phtml">
                        <action method="addOptionRenderer"><type>text</type><block>catalog/product_view_options_type_text</block><template>catalog/product/view/options/type/text.phtml</template></action>
                        <action method="addOptionRenderer"><type>file</type><block>catalog/product_view_options_type_file</block><template>catalog/product/view/options/type/file.phtml</template></action>
                        <action method="addOptionRenderer"><type>select</type><block>catalog/product_view_options_type_select</block><template>catalog/product/view/options/type/select.phtml</template></action>
                        <action method="addOptionRenderer"><type>date</type><block>catalog/product_view_options_type_date</block><template>catalog/product/view/options/type/date.phtml</template></action>
                </block>
                        <block type="core/html_calendar" name="html_calendar" as="html_calendar" template="page/js/calendar.phtml"/>
                    </block>

这应该可以解决问题。

希望这会有所帮助。