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


    此代码工作色板属性。

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

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

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

    <?php
    /**
     * Copyright © 2015 Magento. All rights reserved.
     * See COPYING.txt for license details.
     */
    ?>
    <?php /** @var $block MagentoSwatchesBlockProductRendererConfigurable */ ?>
    <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');
                }
            },
    

      

     
  • 相关阅读:
    【 React
    vue : 无法加载文件 C:UsersXXXAppDataRoaming pmvue.ps1,因为在此系统上禁止运行脚本
    web前端工程化
    node.js读写文件
    gulp简单使用
    在window里面安装ubuntu子系统并安装图形化界面
    节点操作--JavaScript
    【jQuery中css(),attr()和prop区别】
    【animation和transtion】
    【网络状态反馈码】
  • 原文地址:https://www.cnblogs.com/magento-maijindou/p/5992764.html
Copyright © 2020-2023  润新知