麦进斗Magento2.1中设置默认配置选项

此代码工作色板属性。

使用下面的代码,第一样本被自动详情页页面加载后选定的,

你必须重写文件到你的主题,

应用程序/设计/前端/ PACKAGENAME / THEMENAME / Magento_Swatches /模板/产品/视图/ renderer.phtml

<?php
/**
 * Copyright © 2015 Magento. All rights reserved.
 * See COPYING.txt for license details.
 */
?>
<?php /** @var $block \Magento\Swatches\Block\Product\Renderer\Configurable */ ?>
<div class="swatch-opt"></div>
<script>
    require(["jquery", "jquery/ui", "swatchRenderer"], function ($) {
        $('.swatch-opt').SwatchRenderer({
            jsonConfig: <?php /* @escapeNotVerified */ echo $swatchOptions = $block->getJsonConfig(); ?>,
            jsonSwatchConfig: <?php /* @escapeNotVerified */ echo $swatchOptions = $block->getJsonSwatchConfig(); ?>,
            mediaCallback: '<?php /* @escapeNotVerified */ echo $block->getMediaCallback() ?>'
        });

        //for selected option if only one value is exist....
        jQuery(document).ready(function(){
            //for swatches1
            var swatchLength = $('.swatch-attribute').length;
            if(swatchLength >= 1){
                if($('.swatch-attribute').hasClass("color")){
                    $('.swatch-option').first().trigger('click');
                }
            }
        });

    });
</script>

只需重写你的样本,renderer.js文件到您的themee和更改_init()功能下同,

应用程序/设计/前端/供应商/ THEMENAME / Magento_Swatches / JS /样 - renderer.js

_init: function () {
            if (this.options.jsonConfig !== '' && this.options.jsonSwatchConfig !== '') {
                this._sortAttributes();
                this._RenderControls();

                //this is additional code for select first attribute value
                if(this.options.jsonConfig.attributes.length == 1){
                    $('.swatch-attribute .swatch-attribute-options div.swatch-option').first().click();
                }

            } else {
                console.log('SwatchRenderer: No input data received');
            }
        },

  

 
posted @ 2016-10-24 14:10  magento  阅读(735)  评论(0编辑  收藏  举报

Magento推荐:Magento | Magento | Magento开发 | Magento官网

Magento学习博客:Magento

友情链接:FacebookMessenger