仿京东 商品标题关键字颜色凸显

2016-07-07 16:13 来源：www.chinab4c.com 作者：ecshop专家

环境：EC2.7.0+360模板UTF-8
效果展示页面：
http://www.1j1h.com/goods.php?id=1643
和首页：
http://www.1j1h.com/

用过EC的标题颜色的，可能知道，一旦用了颜色，整体商品名称标题全都变了颜色，无法不能突出关键字。
如上 ： 美的取暖器 NTJ18 超声波独立加湿，缺水断电保护
只想将关键字用颜色凸显出来，怎么办？

第一步：修改 /admin/js/colorselector.js

找到大概31行，红色为添加部分，褐色为注释部分

myTable.rows.cells[j].onmousedown = function()
{
//document.getElementById("font_color").style.backgroundColor = this.bgColor;
//document.getElementById("goods_name_color").value = this.bgColor;
//document.getElementsByName("goods_name").item(0).style.color = this.bgColor;
 var fontvalue = document.getElementsByName("goods_name").item(0);
var r = document.selection.createRange();
if(fontvalue.createTextRange().inRange(r)){
newstr = "<font color="+ this.bgColor +">" + r.text + "</font>";
newvalue = fontvalue.value.replace(r.text,newstr);
fontvalue.value = newvalue;
}
ColorSelecter.box.style.display = "none";
第二步：进入后台
系统设置-商品设置-显示设置（选项卡三）-商品名称的长度: 改成300 （防止读取截断，所以设成超长）

OK！至此修改完毕！最后修改显示页面
在具体显示页面遇到
{$goods.name|escape:html} 将其改成{$goods.name}

如在模板调用 分类下的商品 的显示的时候 你需要在 themes/360/library/cat_goods.lib里修改上面的显示方式。
有问题和建议帖子下面留言。。。

回答：
优化的东西要顶

支持一下~~

麻烦问下楼主那商品名称的颜色怎么改？
是在后台的商品列表的名称中要改颜色的部分加上<font color="XXX">text</font>这种格式吗？

4# vhing

如果您懂代码 这些就很容易修改了。直接改颜色代码值 呵呵

支持共享

我已经改了，可是还是不行，希望可以加我QQ281866132。请教一下。

不知道怎么改相应的颜色，把商品名称的关键字用<font>标记了，后台颜色可以显示，就是前台不行了

哦，我明白了，原来是我显示伪静态的问题，不知道能不能完美的支持啊？

试了楼主的方法，不成功，看楼主的演示网站也没有实现这种效果，请问这种方法可行吗？有朋友成功吗？

不知道这样对 SEO有什么影响啊