Question

我想将下面的“产品自定义选项”部分移到购物车按钮。我使用的是Luma主题。如何实现？

谢谢

Answer 1

在您的/Vendor/Theme/Magento_Catalog/layout文件夹中，创建一个catalog_product_view.xml

在<body>标记内，您可以使用move指令重新排列Luma中的标准布局。这应该可以解决问题：

<?xml version="1.0"?>
<page layout="2columns-left" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xsi:noNamespaceSchemaLocation="../../../../../../../lib/internal/Magento/Framework/View/Layout/etc/page_configuration.xsd">
    <body>
        <move element="product.info.options.wrapper.bottom" destination="product.info.form.options" before="product.info.options.wrapper"></move>
    </body>
</page>

另外，请参考有关该主题的magento devdocs：https://devdocs.magento.com/guides/v2.0/frontend-dev-guide/layouts/xml-manage.html

从电子商务的角度来看，尽管我无法想到一个用例，在这种情况下这将是直观且很好用的。但这是题外话。

Answer 2

我在@pritim Info 24的帮助下找到了解决方案。这是链接：

https://magento.stackexchange.com/questions/251722/magento-2-how-to-move-custom-options-after-cart-button

Magento 2-在“购物车”按钮后移动产品自定义选项部分

2 个答案: