• 麦进斗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');
                }
            },
    

      

     
  • 相关阅读:
    AVL Trees & Huffman Tree
    线索二叉树
    w10 端口转发
    springboot 注解属性配置
    java 性能分析工具
    JAVA
    ffmpeg ffplay播放延时大问题:播放延时参数设置
    springboot jodconverter openoffice 实现 office 文件 在线预览
    oracle 字符串 正则表达式 拆分,排序,合并
    润乾填报-(自定义)自动计算
  • 原文地址:https://www.cnblogs.com/magento-maijindou/p/5992764.html
Copyright © 2020-2023  润新知