Ecshop如何批量上传图片

2019-08-29    来源:学做网站论坛

容器云强势上线!快速搭建集群,上万Linux镜像随意使用

在建商城网站时,ECSHOP程序自带的编辑器简直是扯淡,又不好用还有致命的弱点就是不能批量上传商品图片,对于拥有大量商品图片的建站学员来说,简直就是悲剧。(相关教程:电子商城网站制作)

Ecshop如何批量上传图片

解决Ecshop商品图片不能批量上传图片的问题,网上说有很多的Ecshop商品图片批量上传插件,可全部都是收费的。为了解决这个问题,学做网站论坛推荐大家通过更换ECSHOP编辑器的方式来解决不能批量上传图片这个问题。

方法/步骤

  1. 首先下载百度编辑器,[下载地址:http://pan.baidu.com/s/1qYQSroC]。下载后解压并将kindeditor目录复制到网站根目录下的includes文件夹里;
  2. 打开网站根目录下的admin/templates/goods_info.htm 文件。在文件的头部找到以下的代码:
    
    
    <script type="text/javascript" src="../js/calendar.php?lang={$cfg_lang}"></script>
  3. 在这一行代码下面加上以下代码:
    
    
    <script charset="utf-8" src="../includes/kindeditor/kindeditor.js"></script>
    <script charset="utf-8" src="../includes/kindeditor/lang/zh_CN.js"></script>
    <script type="text/javascript">
    var editor;
    KindEditor.ready(function(K) {
    editor = K.create('#editor_id');
    });
    </script>
  4. 在205行找到 {$FCKeditor} 删除 {$FCKeditor} ,修改为以下代码:
    
    
    <textarea id="editor_id" name="goods_desc" style="width:100%;height:300px;">{$goods_desc}</textarea>
  5. 在470行找到 var validator = new Validator('theForm')在这行代码的上面添加以下代码:
    
    
    editor.sync();
  6. 打开admin/goods.php文件搜索
    
    
    create_html_editor('goods_desc', $goods['goods_desc']);

    在此行代码下添加以下代码:

    
    
    $smarty->assign('goods_desc', $goods['goods_desc']);
  7. 登陆后台添加商品或者修改商品的时候在详细描述里就会出现新的编辑器,使用新的编辑器就可以批量上传图片了。

友情提示

现在只是添加商品或者修改商品的时候 详细描述里会出现新的编辑器 如果希望添加文章和修改文章的时候也采用新的编辑器 还需按照以下方式进行操作。

  1. 打开网站根目录下的admin/templates/article_info.htm 文件;
  2. 找到文件头部的{insert_scripts files="../js/utils.js,selectzone.js,validator.js"}在这行代码下面添加以下代码:
    
    
    <script charset="utf-8" src="../includes/kindeditor/kindeditor.js"></script>
    <script charset="utf-8" src="../includes/kindeditor/lang/zh_CN.js"></script>

    <script type="text/javascript">
    var editor;
    KindEditor.ready(function(K) {
    editor = K.create('#editor_id');
    });
    </script>
  3. 找到{$FCKeditor} 替换为以下代码:
    
    
    <textarea id="editor_id" name="FCKeditor1" style="width:100%;height:300px;">{$article.content}</textarea>
  4. 现在可以再文章编辑的时候使用新编辑器了。

安装后,如果编辑器不出来。检查下JS引用有没有成功,可能缓存原因访问不到JS。

标签: [db:TAGG]

版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点!
本站所提供的图片等素材,版权归原作者所有,如需使用,请与原作者联系。

上一篇:如何安装ECShop商城程序到虚拟主机

下一篇:如何删除ECSHOP后台“更多模板堂产品”链接 ecshop后台菜单修改