如何在 magento 产品详细信息页面中设置默认选择的选项

Question

我有要求从外部应用程序获取产品 ID，并使用颜色、尺寸等产品超级属性选项。我得到了所有这些，我可以添加到购物车选项。

但这里我的实际要求是选择客户请求的选项并将它们重定向到 magento 中的产品详细信息页面，以便他们仍然可以在此处输入可选文本进行打印。所以我需要在详细信息页面中设置请求的选项并将它们重定向到产品详细信息页面，而不是将其添加到购物车。他们将输入更多详细信息，然后他们将手动添加到购物车。

如何在加载时设置选定的选项。

请帮帮我。

Answer 1

谢天谢地，这已经内置于大多数主题中。您需要知道可配置产品中包含的简单产品的属性和值的 ID。我只看到它适用于可配置类型，所以这可能是一个限制。

• 为每个属性创建一个键值对
• 将属性组合为查询字符串，例如。 "123=345&678=890"
• 将字符串附加为 哈希片段（而不是查询）。
  这是来自官方演示的示例，请注意，需要选择第一个选项才能使第二个选项起作用，因此它有两个键/值对。

  http://demo.magentocommerce.com/zolof-the-rock-and-roll-destroyer-lol-cat-t-shirt-126.html#525=99&272=22

Answer 2

粗略的 Magento2 示例添加以下内容以通过 name=value 预先选择自定义选项：

/www/mysite/app/design/frontend/mycompany/mytheme/Magento_Catalog/templates/product/view/options.phtml

下面的代码查看选项的标签和选择的文本值。并且取决于您的主题结构。下面是 Luma 的示例。

它期望 url 中的格式如下

product.html?SelectLabel=OptionValue&SelectLabel=OptionValue

这不考虑多语言等。您可以轻松地对其进行调整，以寻找更准确替换的 select id 和 option id

$(label).parents().eq(1).find('select option:contains('+arr[k]+')').attr('selected', true);

有（未测试）

$("#"+k+" option[id='"+arr[k]+"']").attr("selected", "selected");

<script>
        require(['jquery'],function($){

            $(document).ready(function(){

                function getJsonFromUrl() {
                    var query = location.search.substr(1);
                    var result = {};
                    query.split("&").forEach(function(part) {
                        var item = part.split("=");
                        result[item[0]] = decodeURIComponent(item[1]);
                    });
                    return result;
                }
                var arr = getJsonFromUrl();
                for (var k in arr){
                    if (arr.hasOwnProperty(k)) {
                        //alert("Key is " + k + ", value is" + arr[k]);
                        var label = $('.product-options-wrapper').find("span:contains('"+k+"')");
                        $(label).parents().eq(1).find('select option:contains('+arr[k]+')').attr('selected', true);

                    }
                }

            });

        });

    </script>