您现在的位置是:主页 > 淘宝大学 > 淘宝优化 >

苏宁易购商家自定义编辑模块操作说明 - 350装修平台

2021-12-18 22:05淘宝优化 人已围观

简介自定义编辑模块操作说明 一、功能简介 自定义编辑允许商家使用富文本编辑器在线编辑图片、文本和其他内容,并使用html代码实现内容显示的特殊效果,使页面更加美化,吸引消费者...

   自定义编辑模块操作说明

   一、功能简介

   自定义编辑允许商家使用富文本编辑器在线编辑图片、文本和其他内容,并使用html代码实现内容显示的特殊效果,使页面更加美化,吸引消费者浏览和点击。

   二、PC端定制编辑模块装饰

   1.自定义编辑模块目前仅用于PC端,可用于所有宽度布局。以990宽度为例,点击【店铺装修】→【PC店铺装修】→主页/自定义页面。拖入990布局后,在左侧模块标签下拖入990宽度下的自定义编辑模块;

   拖动后如下:

   2.点击右上角自定义编辑模块区域或鼠标悬浮模块

   打开自定义编辑器界面;

   文本:类似于Word操作,可直接输入文本,修改字体、大小、粗体、下划线、删除线、文本颜色、背景颜色等文本格式,插入编号、缩进、对齐中等排班操作;

   表格:支持直接插入表格,编辑表格的各种属性、行、列、单元格操作,插入格式化文本或图片;

   图片:直接将图片插入光标位置,支持直接上传、从图片空间选择和插入网络图片。其中,插入网络图片,支持直接复制淘宝等特定网站的图片链接;

   文本链接:可以直接输入文本和相应的链接,实现前台显示时点击跳转的效果。链接必须包括suning.com/suning.cn;

   源代码:您可以直接使用PS、DW和其他工具完成切图或设置样式,并将导出的代码复制到编辑器中。或者直接修改插入内容的源代码,以实现相应的效果。源代码编辑不限于模块本身的宽度,以实现列或悬挂显示等特殊效果;

   其他操作:编辑器工具栏还包括预览、全屏显示、搜索和替换,方便商家使用。

   三、自定义编辑效果示例

   1.1920全屏代码、轮播、悬浮、自定义店铺招聘导航等代码可下载附件:点击此处下载

   2.店铺收藏代码,点击前台显示时调用店铺收藏功能:

   (点击此下载)

   3.商品价格获取代码,前台展示时实时获取商品价格:

   (点击此下载)

示例:

   注:商品通码和商品子码值,为【商品管理】→【出售中的商品】中,具体商品的苏宁商品编码值,如商品无子码,则两处均填写的通码值。

   四、注意事项

   使用自定义编辑模块编辑器,需要注意部分规范,否则可能会出现展示异常,影响商户装修和消费者前台浏览体验。具体如下:

   (1)店铺招聘模块使用自定义编辑时,上传的图片和div高度应尽可能控制在120px以内,否则可能会阻挡店铺招聘和导航下的内容显示,导致链接无法点击;

   (2)代码允许写入CSS,但禁止引用外部CSS,不支持JS,字节最大20万字节,不支持外部链接,只支持苏宁内部链接,必须包括suning.com/suning.cn;

   (3)define单词不允许写在代码中,会被系统过滤,可能导致代码效果无法显示;

   (4)使用MAP标签时,注意标签不要重名。如果有多个MAP名称,默认会跳转到第一个MAP链接,可以命名为MAP1/MAP2/MAP3..

本栏推荐

站点信息

  • 文章统计33745篇文章
  • 标签管理350激活码
  • 微信公众号:扫描二维码,关注我们